The Tabler dimensions icon visually represents measurement and sizing, commonly used in UI to indicate options related to width, height, or overall size.
Common uses
- Image/element resizing controls
- Product size selection
- Blueprint or layout editing tools
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDimensions } from '@tabler/icons-react';
<IconDimensions size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- widthheightsizebreadthdepthdimensionscreativeartisticvisualaestheticdesignwidth heightmeasurementruler
FAQ
- What is the dimensions icon for?
- It's used to signify settings or actions related to the size, width, or height of an object or area.
- How do I use the dimensions icon in React?
- Import it using `import { IconDimensions } from '@tabler/icons-react'` and then use it as a component: `<IconDimensions />`.
- What is the license for this icon?
- The Tabler icons, including the dimensions icon, are available under the MIT license.