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.
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 →