The Lucide square round corner icon visually represents a square with slightly rounded corners, often used to indicate elements with soft edges or to signify a specific design style.
Common uses
- Button with rounded corners
- Card with soft edges
- UI element with a modern aesthetic
Use it in React
Install
npm i lucide-reactImport & render
import { SquareRoundCorner } from 'lucide-react';
<SquareRoundCorner size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- borderradiusstyledesigncornerlayoutroundroundedsquarerounded squaresoft cornerborder radiusdesign style
FAQ
- What is the square round corner icon used for?
- It's used to represent UI elements that have rounded corners, suggesting a softer or more modern design. It can also be used to denote settings related to border radius or corner styling.
- How do I use the square round corner icon in React?
- You can import and use it in your React application like this: import { SquareRoundCorner } from 'lucide-react'.
- What is the license for the Lucide square round corner icon?
- The Lucide icon library, including the square round corner 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 →