The Tabler shape icon visually represents a geometric form, commonly used in UI to indicate actions related to design, creation, or customization of visual elements.
Common uses
- Button to open a shape editor
- Menu item for 'Create New Shape'
- Label for a design settings panel
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconShape } from '@tabler/icons-react';
<IconShape size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- drawsquareformcreateoutlineshapecreativeartisticvisualaestheticdesigngeometric
FAQ
- What is the shape icon used for?
- It's typically used to represent actions or concepts related to design, drawing, or creating visual forms.
- How do I use the shape icon in React?
- Import it using `import { IconShape } from '@tabler/icons-react'` and render it as a component: `<IconShape />`.
- What is the license for the Tabler shape icon?
- The Tabler icon library, including the shape 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 →