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.
Looking for something else? Search Lucide 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 →