Edit Button black outline icon
Pencil crossing the corner of a rounded square, edit action
About the Edit Button black outline icon
A pencil angled at forty-five degrees crosses the top-right corner of a rounded square, its sharpened tip pointing down toward the frame. The open corner shows the pencil leaving the page, the familiar signal for edit, compose or update. Use it for form fields, profile settings, note taking apps, CMS toolbars and document row actions.
The pencil body is a long parallel-sided shaft ending in a small triangular tip, while the square uses generous corner radii. It pairs with delete, save and duplicate icons in the same toolbar set. At 16 px, thicken the pencil stroke so the tip stays readable.
This is the black outline version of the edit button 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.


















