What does the pencil ruler icon represent?

It symbolizes actions related to editing, design, or measurement, combining the tools used for both drawing and precision.

How do I use the PencilRulerIcon in React?

Import both HugeiconsIcon and PencilRulerIcon, then render it using .

What is the license for this icon?

The HugeIcons pencil ruler icon is available under the MIT license.

pencil ruler icon

HugeIcons · PencilRulerIcon · MIT

Download SVG

The HugeIcons pencil ruler icon depicts a pencil and a ruler, commonly used to represent editing, design, or measurement tools in a user interface.

Common uses

Edit document
Create design
Measure area

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { PencilRulerIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={PencilRulerIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: editdesignmeasuredraft

FAQ

What does the pencil ruler icon represent?: It symbolizes actions related to editing, design, or measurement, combining the tools used for both drawing and precision.
How do I use the PencilRulerIcon in React?: Import both HugeiconsIcon and PencilRulerIcon, then render it using <HugeiconsIcon icon={PencilRulerIcon} />.
What is the license for this icon?: The HugeIcons pencil ruler icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide phosphor hugeicons hugeicons hugeicons hugeicons

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