Square Dashed

Lucide · MIT · square-dashed

Square Dashed works well as a reusable interface icon in product UI, docs, and design systems. Source: Lucide. License: MIT.

Square Dashed SVG icon for square, dashed interfaces and design workflows.

viewBox

0 0 24 24

Size

24×24

Source

Lucide

License

MIT

Icon details

squaredashed

Aliases

SquareDashed

How to use this icon

Use Square Dashed as a clean interface icon related to Square, Dashed in product UI, docs, and component libraries.

Copy Square Dashed as raw SVG, turn it into a React component, or send it to SVG tools for cleanup and export.

Copy actions

SVG

<svg 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" class="lucide lucide-square-dashed" aria-hidden="true"><path d="M5 3a2 2 0 0 0-2 2"></path><path d="M19 3a2 2 0 0 1 2 2"></path><path d="M21 19a2 2 0 0 1-2 2"></path><path d="M5 21a2 2 0 0 1-2-2"></path><path d="M9 3h1"></path><path d="M9 21h1"></path><path d="M14 3h1"></path><path d="M14 21h1"></path><path d="M3 9v1"></path><path d="M21 9v1"></path><path d="M3 14v1"></path><path d="M21 14v1"></path></svg>