The Tabler cone icon depicts a 3D cone shape, often used to represent geometric concepts, 3D objects, or abstract forms in user interfaces.
Common uses
- Illustrating geometric principles in educational apps.
- Representing 3D models or objects in a design tool.
- As a visual element in a 'shapes' or 'geometry' related menu.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCone } from '@tabler/icons-react';
<IconCone size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconCone size={24} stroke={2} />filled
<IconConeFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- geometrymathobjectshapeconeformfigurepatternoutlineshapesice cream conetraffic cone3d shape
FAQ
- What is the cone icon typically used for?
- It's used to visually represent a cone, which can signify geometric concepts, 3D objects, or abstract shapes in UI elements.
- How do I use the cone icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconCone } from '@tabler/icons-react'
- What is the license for the Tabler cone icon?
- The Tabler icon library, including the cone icon, is 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 →