Pencil 16 Solid 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/heroicons-pencil-16-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-pencil-16-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-pencil-16-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-pencil-16-solid.json
Category:actions
Tags:pencileditcompactsolidmobile16pxwrite

The pencil icon in 16-pixel solid style represents editing with a compact, filled design optimized for space-constrained content interfaces.

This smaller variant maintains the pencil appearance while providing better visibility in dense layouts, mobile editors, and compact edit buttons.

Frequently Asked Questions

Common questions about the Pencil 16 Solid icon

Similar Icons

Document Plus - actions icon from HeroIcons
document plus
Document Text - interface icon from HeroIcons
document text
Lock Open Solid - system icon from HeroIcons
lock open solid
Puzzle Piece 20 Solid - system icon from HeroIcons
puzzle piece 20 solid
Document Check - status icon from HeroIcons
document check
Cake 20 Solid - interface icon from HeroIcons
cake 20 solid
X Mark 20 Solid - interface icon from HeroIcons
x mark 20 solid
Wrench Screwdriver Solid - system icon from HeroIcons
wrench screwdriver solid
Document Minus - actions icon from HeroIcons
document minus