The Lucide squircle icon depicts a rounded square shape, often used to create softer, more modern interfaces than traditional sharp squares.
Common uses
- Button backgrounds
- Card containers
- Input field shapes
Use it in React
Install
npm i lucide-reactImport & render
import { Squircle } from 'lucide-react';
<Squircle size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- shapesquirclerounded squaresuperellipsesoft square
FAQ
- What is a squircle used for?
- A squircle is used to create UI elements with rounded corners that are softer than a square but less circular than a circle, offering a modern aesthetic.
- How do I use the squircle icon in React?
- You can import and use the squircle icon in React with the following import statement: `import { Squircle } from 'lucide-react'`.
- What is the license for Lucide icons?
- Lucide icons, including the squircle icon, are distributed 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 →