launchshots / icons / lucide / square-padding-vertical

Square Padding Vertical

Lucide ISC License
padding design style margin spacing gap inner spacing box model whitespace space offset alignment position layout css ui placement top topmost top edge upper edge upper above vertical block y y-axis bottom bottommost bottom edge lower edge lower below
Drop into editor

Copy the code

<!-- @license lucide-static v1.70.0 - ISC --> <svg class="lucide lucide-square-padding-vertical" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect x="3" y="3" width="18" height="18" rx="2" /> <path d="M8 17h8" /> <path d="M8 7h8" /> </svg>
<!-- Square Padding Vertical icon (Lucide) --> <!-- @license lucide-static v1.70.0 - ISC --> <svg class="lucide lucide-square-padding-vertical" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect x="3" y="3" width="18" height="18" rx="2" /> <path d="M8 17h8" /> <path d="M8 7h8" /> </svg>
import { SquarePaddingVertical } from 'lucide-react'; export default function MyComponent() { return <SquarePaddingVertical size={24} strokeWidth={2} color="currentColor" />; }

Use this icon in your App Store screenshots

Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.

Open in editor →

About the Square Padding Vertical icon

The Square Padding Vertical icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Square Padding Vertical icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: padding, design, style, margin, spacing, gap, inner spacing, box model, whitespace, space, offset, alignment, position, layout, css, ui, placement, top, topmost, top edge, upper edge, upper, above, vertical, block, y, y-axis, bottom, bottommost, bottom edge, lower edge, lower, below. If you're looking for a similar mark, the related grid below shares tags with this one.

Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.

Related icons

Margin Vertical icon margin-vertical Square Padding Bottom icon square-padding-bottom Square Padding Top icon square-padding-top Margin Bottom icon margin-bottom Margin Top icon margin-top Panel Top Bottom Dashed icon panel-top-bottom-dashed Align Vertical Space Between icon align-vertical-space-between Square Padding Horizontal icon square-padding-horizontal Square Padding Left icon square-padding-left Square Padding Right icon square-padding-right Margin Horizontal icon margin-horizontal Margin Left icon margin-left

Latest from the blog

Guides
Google Play Console Pre-launch Report: Catching Bugs Before Users Do
Nov 8, 2026
Tips
Transfer iOS App Between Developer Accounts: Pre-Flight & Gotchas
Nov 7, 2026
Guides
App Store Connect TestFlight Group Management: Advanced Beta Builds
Nov 6, 2026
Tips
App Store Connect App Analytics Metrics Explained for Indie Developers
Nov 5, 2026
copied