The Lucide square dashed top solid icon visually represents a square with a dashed line along its top edge, often used to indicate a placeholder area or a section that is currently being defined or edited.
Common uses
- Placeholder for a content block
- Indicate a draggable or resizable area
- Represent a dashed border style option
Use it in React
Install
npm i lucide-reactImport & render
import { SquareDashedTopSolid } from 'lucide-react';
<SquareDashedTopSolid size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- squareborderwidthlayoutstyledesignrectangularmarqueedashedboxrectangleaspect ratio1:1topsoliddashed border square
FAQ
- What does the square dashed top solid icon represent?
- It depicts a square with a dashed top border, commonly used for placeholders or editable regions in a UI.
- How do I use this icon in React?
- You can import and use it like this: import { SquareDashedTopSolid } from 'lucide-react'
- What is the license for this icon?
- This icon is provided under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.