The Lucide ruler icon visually represents a measuring tool, commonly used in UI to denote actions or settings related to measurements, sizing, or dimensions.
Common uses
- Setting page dimensions
- Adjusting element size
- Displaying measurement units
Use it in React
Install
npm i lucide-reactImport & render
import { Ruler } from 'lucide-react';
<Ruler size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- measurementscentimeterscmmillimetersmmmetrefootfeetinchesunitssizelengthwidthheightdimensionsdepth
FAQ
- What does the ruler icon represent?
- It depicts a standard ruler, symbolizing measurement, length, width, height, and other dimensional properties.
- How do I use the ruler icon in React?
- You can import and use it directly from the Lucide React library: import { Ruler } from 'lucide-react'.
- What is the license for the Lucide ruler icon?
- The Lucide icon set, including the ruler icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.