pencil

Pencil icon · Lucide · <Pencil />

pencil

Lucide tags pencil with rubber, sketch and artist. It's in Lucide's Design and Cursors categories; similar icons include Pencil Off, Pencil Sparkles and Pencil Ruler. The matching icons are Edit in Microsoft's Fluent icons and edit in Google's Material Symbols.

24 px, stroke 2

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

npm install lucide-react

import { Pencil } from "lucide-react";

export function Example() {
  return <Pencil />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`pencil`
Component	`Pencil` (also `PencilIcon`, `LucidePencil`)
Categories	Design, Cursors, Tools, Text formatting
Icon font	`icon-pencil`, `U+E1F9`
CSS content	`"\e1f9"`
File	`lucide-static/icons/pencil.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)