The Tabler ruler icon visually represents a measuring tool, commonly used in UI to indicate actions related to sizing, dimensions, or design specifications.
Common uses
- Adjusting element size
- Displaying design dimensions
- Initiating measurement tools
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconRuler } from '@tabler/icons-react';
<IconRuler size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- mathsdimensionssizewidthlengthgeometrymeasuretechnicalrulercreativedesignஅளவுகோல்அளவிடும் கருவிஅளவு
FAQ
- What is the ruler icon used for?
- It's typically used to represent actions or settings related to measuring, sizing, or defining dimensions within an application.
- How do I use the ruler icon in React?
- You can import and use it directly with: `import { IconRuler } from '@tabler/icons-react'`. Then render it as `<IconRuler />`.
- What is the license for the Tabler ruler icon?
- The Tabler icons, including the ruler icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.