Edit color outline icon
Pencil writing over a rounded square panel representing edit action
About the Edit color outline icon
This icon shows a pencil angled across the bottom corner of a rounded square panel, as if actively writing or marking it up. It represents editing, content modification, and annotation, making it useful for text editors, form builders, CMS dashboards, note-taking apps, and profile settings menus.
The rounded square keeps the panel shape soft and app-like, while the pencil's diagonal angle adds motion without cluttering the frame. It pairs well with save, delete, and document icons in toolbars. Use it at 20-24px for compact edit buttons so the pencil tip stays visible.
This is the colour outline version of the edit icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
