Edit icon

editingalso known as pencil, pen, modify, compose, write
Colors byColorchord

Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.

When to use it

The pencil means 'change this thing here', usually inline next to the value it edits. If the action opens a whole form or composer, the pencil-on-square variant (Lucide's square-pen, Heroicons' pencil-square) reads better as 'compose'. Don't use a pencil for settings — configuration is the gear's job. Phosphor's default is pencil-simple; its plain pencil adds an extra detail line.

Every set here is open-licensed for commercial use with no attribution required in your product — the notices their licenses do require live on our set pages. No accounts, no download walls.

Related icons