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

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

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

Frequently Asked Questions

Common questions about the Pencil Square 20 Solid icon

Similar Icons

Arrow Left 16 Solid - navigation icon from HeroIcons
arrow left 16 solid
Arrow Right - navigation icon from HeroIcons
arrow right
Printer 16 Solid - actions icon from HeroIcons
printer 16 solid
Qr Code Solid - interface icon from HeroIcons
qr code solid
Flag 16 Solid - actions icon from HeroIcons
flag 16 solid
Megaphone 16 Solid - communication icon from HeroIcons
megaphone 16 solid
Cloud Arrow Up Solid - actions icon from HeroIcons
cloud arrow up solid
Banknotes 16 Solid - actions icon from HeroIcons
banknotes 16 solid
Shopping Bag 16 Solid - interface icon from HeroIcons
shopping bag 16 solid