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

The pencil icon in 20-pixel solid style represents editing with a balanced, filled design optimized for standard content interface elements.

This medium-sized variant combines clear visibility with space efficiency, making it ideal for edit buttons, modification controls, and writing indicators across web content platforms.

Frequently Asked Questions

Common questions about the Pencil 20 Solid icon

Similar Icons

Gif 16 Solid - media icon from HeroIcons
gif 16 solid
Users 16 Solid - interface icon from HeroIcons
users 16 solid
Arrow Turn Down Right 16 Solid - navigation icon from HeroIcons
arrow turn down right 16 solid
Chat Bubble Left - communication icon from HeroIcons
chat bubble left
Document Minus Solid - actions icon from HeroIcons
document minus solid
Bolt 20 Solid - status icon from HeroIcons
bolt 20 solid
Folder Minus Solid - actions icon from HeroIcons
folder minus solid
Paper Airplane Solid - actions icon from HeroIcons
paper airplane solid
Strikethrough 20 Solid - typography icon from HeroIcons
strikethrough 20 solid