The Tabler circle triangle icon depicts a circle seamlessly integrated with a triangle, often used to represent actions or states involving a circular path or a rounded directional element.
Common uses
- Dropdown menus or expandable sections
- Navigation indicators
- Progress or status indicators
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleTriangle } from '@tabler/icons-react';
<IconCircleTriangle size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- arrowdownshapegeometrycircletriangleroundcircularshapesdown arrowround shapegeometry iconcircular triangle
FAQ
- What is the circle triangle icon used for?
- It's commonly used for UI elements like dropdowns, navigation, or progress indicators where a rounded directional or state change is needed.
- How do I use the circle triangle icon in React?
- You can import and use it in your React application with: import { IconCircleTriangle } from '@tabler/icons-react'
- What is the license for the circle triangle icon?
- The circle triangle icon is part of the Tabler icon library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.