Skip to content

Open Source Icon

Libraries Categories Collections Tools Extensions

Loading icon…

Open Source Icon

A fast, open home for icons. Search 314,000+ SVGs from 230+ open-source libraries, then copy them as SVG, JSX, Vue, Svelte or PNG — recolored and resized right in the browser.

Browse

All libraries
Categories
Collections
Global search
Free tools

Popular libraries

Lucide
Tabler
Phosphor
Material Symbols
Heroicons
Simple Icons

Popular types

Arrow icons
Home icons
User icons
Settings icons
Search icons
Heart icons

Apps & plugins

All extensions
VS Code extension
Figma plugin
MCP server

© 2026 Open Source Icon

Every icon keeps its original open-source license (MIT, Apache 2.0, CC BY 4.0 and more). Check each library before shipping.

Home Libraries HeroIconspencil-20-solid

pencil-20-solid

MonotoneMIT

96px

16px

24px

32px

48px

64px

heroicons:pencil-20-solid

Customize

Size

px

Color

currentColor

Transform

Preview background

Download & copy

PNG at 96px — set under Size

pnpm dlx shadcn@latest add https://opensourceicon.com/r/heroicons/pencil-20-solid.json

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 20 20"><path fill="currentColor" d="m2.695 14.762l-1.262 3.155a.5.5 0 0 0 .65.65l3.155-1.262a4 4 0 0 0 1.343-.886L17.5 5.501a2.121 2.121 0 0 0-3-3L3.58 13.419a4 4 0 0 0-.885 1.343"/></svg>

Shortcuts: C copy SVG · D download · R rotate · H/V flip · ← → previous/next icon · 0 reset

HeroIcons · by Refactoring UI Inc · 1,288 icons · MIT

Browse all HeroIcons

pencil-16-solid pencil-solid

Related icons

Similar icons from HeroIcons

pencil pencil-16-solid pencil-solid pencil-square pencil-square-16-solid pencil-square-20-solid pencil-square-solid academic-cap-20-solid adjustments-horizontal-20-solid adjustments-vertical-20-solid archive-box-20-solid archive-box-arrow-down-20-solid archive-box-x-mark-20-solid arrow-down-20-solid arrow-down-circle-20-solid arrow-down-left-20-solid arrow-down-on-square-20-solid arrow-down-on-square-stack-20-solid