ruler
Ruler icon · Lucide · <Ruler />
rulerLucide tags ruler with centimeters, cm and millimeters. It's in Lucide's Tools and Design categories; similar icons include Pencil Ruler, Ruler Dimension Line and Square Dimensions. The matching icon is Ruler in Microsoft's Fluent icons.
24 px, stroke 2
ruler.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Ruler icon in React
npm install lucide-react
import { Ruler } from "lucide-react";
export function Example() {
return <Ruler />;
}
Details
| Name | ruler |
|---|---|
| Component | Ruler (also RulerIcon, LucideRuler) |
| Categories | Tools, Design, Layout |
| Icon font | icon-ruler, U+E14B |
| CSS content | "\e14b" |
| File | lucide-static/icons/ruler.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Fluent
RulerMicrosoft's version of this icon, on Fluenticons