The Tabler square dashed icon depicts a square outline formed by dashed lines, commonly used to represent placeholders, empty containers, or areas that require definition.
Common uses
- Placeholder for an image or content block
- Indication of a selectable or editable area
- UI element for creating frames or borders
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareDashed } from '@tabler/icons-react';
<IconSquareDashed size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- boxlineshapegeometrypatterndesignframeborderoutlinesquareshapesdasheddashed boxoutline squareempty framedotted border
FAQ
- What is the square dashed icon used for?
- It's typically used to signify an empty space, a placeholder, or an area that needs to be filled or defined, like a frame or border.
- How do I use the square dashed icon in React?
- You can import and use it directly with the following statement: `import { IconSquareDashed } from '@tabler/icons-react'`.
- What is the license for the Tabler square dashed icon?
- The Tabler icon library, including the square dashed icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →