The Lucide square dashed bottom icon depicts a square with a dashed line along its bottom edge, often used to represent placeholders, outlines, or areas that are not yet fully defined.
Common uses
- Placeholder for an image or content block
- Outline of a draggable area
- Visual indicator for a code snippet or template
Use it in React
Install
npm i lucide-reactImport & render
import { SquareDashedBottom } from 'lucide-react';
<SquareDashedBottom size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- rectangleaspect ratio1:1shapesnippetcodecodingsquaredashedbottomdashed square bottomplaceholder squareoutline shapeaspect ratio placeholder
FAQ
- What is the square dashed bottom icon used for?
- It's commonly used to signify an undefined or placeholder area, like a space for content that will be added later or a visual guide for layout.
- How do I use the square dashed bottom icon in React?
- You can import it directly from the 'lucide-react' library: import { SquareDashedBottom } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including this icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →