Edit Button Pencil black outline icon
Outline pencil crossing the corner of a rounded square edit frame
About the Edit Button Pencil black outline icon
A rounded square frame opens at its top right corner, where a long diagonal pencil crosses through it with a sharpened tip pointing down-left and a banded ferrule near the top. It reads instantly as edit, compose, rename or update. Use it on form fields, note-taking apps, profile settings, CMS toolbars and table rows that need an inline edit control.
The broken frame lines let the pencil pass through cleanly instead of sitting on top, which keeps the shape readable at button size. Pair it with delete, save and duplicate icons in the same toolbar. A 24 px target with a 2 px stroke works well.
This is the black outline version of the edit button pencil icon: even, monoline strokes that stay crisp at small sizes and suit clean, minimal interfaces, wireframes and light backgrounds.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
