launchshots / icons / lucide / margin-horizontal

Margin Horizontal

Lucide ISC License

margin design style padding spacing gap outer spacing box model whitespace space offset alignment position layout css ui placement left left edge leftmost left side horizontal inline x x-axis right right edge rightmost right side

Drop into editor

Copy the code

<svg class="lucide lucide-margin-horizontal" 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="9" y="9" width="6" height="6" rx="1" /> <path d="M21 3v18" /> <path d="M3 3v18" /> </svg>

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 Margin Horizontal icon

The Margin Horizontal 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 Margin Horizontal icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: margin, design, style, padding, spacing, gap, outer spacing, box model, whitespace, space, offset, alignment, position, layout, css, ui, placement, left, left edge, leftmost, left side, horizontal, inline, x, x-axis, right, right edge, rightmost, right side. 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.