The HugeIcons square round corner icon depicts a square with rounded corners, often used to represent a container, a card, or a general UI element with softened edges.
Common uses
- Card or content block background
- Button with rounded corners
- Modal or dialog container
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SquareRoundCornerIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SquareRoundCornerIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- rounded squaresquare with rounded edgescontainercard
FAQ
- What is the purpose of the square round corner icon?
- This icon represents a square shape with rounded corners, commonly used for UI elements that require a softer, more modern aesthetic than a sharp-edged square.
- How do I use the SquareRoundCornerIcon in React?
- Import both HugeiconsIcon and SquareRoundCornerIcon, then render it using <HugeiconsIcon icon={SquareRoundCornerIcon} />.
- What is the license for this icon?
- The HugeIcons SquareRoundCornerIcon is available under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →