Pencil icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable actions vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/flat-ui-pencil.json
npx shadcn@latest add https://www.shadcn.io/registry/flat-ui-pencil.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/flat-ui-pencil.json
bunx shadcn@latest add https://www.shadcn.io/registry/flat-ui-pencil.json
Category:actions
Tags:editwritemodifycomposedrawannotationwriting

The pencil icon represents editing functionality, content modification, and writing features in digital interfaces.

Featuring a classic pencil design, this symbol has become the universal indicator for edit modes, text composition, and content revision actions across all platforms.

Frequently Asked Questions

Common questions about the Pencil icon

Similar Icons

Calendar - interface icon from Flat UI Icons
calendar
Mountain - media icon from Flat UI Icons
mountain
Mortarboard - communication icon from Flat UI Icons
mortarboard
Clipboard - actions icon from Flat UI Icons
clipboard
Macbook - interface icon from Flat UI Icons
macbook
Gift Box - interface icon from Flat UI Icons
gift box
Weather - data icon from Flat UI Icons
weather
Magicmouse - interface icon from Flat UI Icons
magicmouse
Toilet Paper - interface icon from Flat UI Icons
toilet paper