Pencil Pixel Art Icon
A pencil icon for edit and compose actions, drawing or sketching tools, note-taking, and 'rename' or annotate controls.
Tags
pencileditwritedraw
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Pencil icon
A pencil drawn on the diagonal, the universal symbol for editing and writing. Use it for an 'edit' or 'compose' button, a drawing or sketch tool, note-taking, and rename or annotate actions. It is one of the most tapped icons in any app, so keep it for content the user can actually change. The edit and edit-box icons offer enclosed alternatives when you need a framed control.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/pencil.svg" width="24" height="24" alt="Pencil" />
<!-- React -->
import { Pencil } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="pencil.svg" width="48" height="48" style="image-rendering: pixelated" />