The Lucide square dot icon depicts a square with a dot inside, often used to represent a modified file or a specific item within a list.
Common uses
- Indicate a modified file in a Git diff view.
- Show a selected or active item in a list.
- Represent a specific point or marker on a map or diagram.
Use it in React
Install
npm i lucide-reactImport & render
import { SquareDot } from 'lucide-react';
<SquareDot size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- gitdiffmodified.squaredotgit modifieddot in squarelist item markerfile status
FAQ
- What does the square dot icon represent?
- It typically signifies a modified state, like a changed file in version control, or a distinct point or item.
- How do I use the square dot icon in React?
- Import it from 'lucide-react' and use it as a component: import { SquareDot } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the square dot 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 →