The Tabler circle rectangle icon depicts a rectangle with rounded corners, often used to represent elements with a softer, more contained appearance or as a general shape indicator.
Common uses
- Button with rounded corners
- Card or container background
- General shape selection option
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleRectangle } from '@tabler/icons-react';
<IconCircleRectangle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCircleRectangle size={24} stroke={2} />filled
<IconCircleRectangleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapegeometricgeometryfigurecirclerectangleroundcircularformpatternshapesrounded rectanglepill shapecontainerbox
FAQ
- What is the circle rectangle icon for?
- This icon represents a rectangle with rounded corners. It's useful for UI elements that need a softer, less sharp appearance than a standard rectangle.
- How do I use the circle rectangle icon in React?
- You can import and use it directly in your React components like this: import { IconCircleRectangle } from '@tabler/icons-react'.
- What is the license for the Tabler circle rectangle icon?
- The Tabler icons, including the circle rectangle icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →