Edit Icons
A pencil (or occasionally a pen) reads instantly as "you can change this" — inline edit buttons, profile settings, table row actions, form field overrides. This page collects edit icon variants across Pathwork's libraries, from a plain diagonal pencil to bolder or square-framed versions, so you can match the exact weight your button or action menu needs.
Showing top 100·68 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all edit iconsSource libraries
Frequently Asked Questions
Both represent the same 'edit' action, and the difference is mostly stylistic — a pencil is the more traditional and widely used convention, while a pen (sometimes shown at a steeper angle or with a nib shape) is a common variant in some libraries. Pick whichever matches your icon set's overall visual style, since users interpret both the same way.
They're often visually identical or very similar (a pencil), since 'rename' is really just editing a specific field like a title or filename. Some interfaces use the same pencil icon for both general edit actions and rename-specific ones, relying on context or a tooltip to clarify which one applies.
An icon-only pencil works well for inline, low-friction edits (like clicking directly on a table row to modify a field), while a labeled button ('Edit details') is clearer for actions that open a larger form or a separate page, where more context helps set user expectations before they click.
Both patterns exist, but placing action icons (edit, delete, etc.) at the end of a row is the more common convention, since it keeps the row's primary content aligned to the left where users typically scan first, with actions naturally following in reading order.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.
Since delete is often a destructive, harder-to-undo action, it's common practice to add a bit of visual separation (spacing, a divider, or a distinct color like red for delete) between edit and delete icons to reduce the chance of a user accidentally clicking the wrong one.