launchshots / icons / lucide / square-dashed

Square Dashed

Lucide ISC License
selection square rectangular marquee tool dashed box
Drop into editor

Copy the code

<!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-square-dashed" 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" > <path d="M5 3a2 2 0 0 0-2 2" /> <path d="M19 3a2 2 0 0 1 2 2" /> <path d="M21 19a2 2 0 0 1-2 2" /> <path d="M5 21a2 2 0 0 1-2-2" /> <path d="M9 3h1" /> <path d="M9 21h1" /> <path d="M14 3h1" /> <path d="M14 21h1" /> <path d="M3 9v1" /> <path d="M21 9v1" /> <path d="M3 14v1" /> <path d="M21 14v1" /> </svg>
<!-- Square Dashed icon (Lucide) --> <!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-square-dashed" 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" > <path d="M5 3a2 2 0 0 0-2 2" /> <path d="M19 3a2 2 0 0 1 2 2" /> <path d="M21 19a2 2 0 0 1-2 2" /> <path d="M5 21a2 2 0 0 1-2-2" /> <path d="M9 3h1" /> <path d="M9 21h1" /> <path d="M14 3h1" /> <path d="M14 21h1" /> <path d="M3 9v1" /> <path d="M21 9v1" /> <path d="M3 14v1" /> <path d="M21 14v1" /> </svg>
import { SquareDashed } from 'lucide-react'; export default function MyComponent() { return <SquareDashed 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 Dashed icon

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

Search keywords related to this icon: selection, square, rectangular, marquee, tool, dashed, box. 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

Square Dashed Top Solid icon square-dashed-top-solid Square Dashed Plus icon square-dashed-plus Square Dashed X icon square-dashed-x Square Dashed X Corner icon square-dashed-x-corner Scan icon scan Cuboid icon cuboid Square Dashed Text icon square-dashed-text Archive icon archive Archive Restore icon archive-restore Archive X icon archive-x Arrows Up From Line icon arrows-up-from-line Brackets icon brackets

Latest from the blog

Build in public
Getting Your First 100 App Users Without an Ad Budget
Sep 24, 2026
ASO
Screenshot Mistakes That Quietly Cost Installs: 10 Fixes
Sep 23, 2026
Guides
Claude Code Weekly Limit vs 5-Hour Lockout: Complete Usage & Reset Guide
Sep 22, 2026
Guides
When Does Claude Code Usage Reset? Complete Reset Schedule Guide
Sep 22, 2026
copied