svg icon editor

Edit SVG icon code online

Use a focused SVG icon workflow for viewBox fixes, stroke and fill edits, accessibility labels, sanitization, and download.

Use the tool Compare workflows

svg icon editor tool

Edit icon SVG

Paste SVG icon markup and preview changes before download.

SVG code

Ready

Tune icon attributes

Adjust fill, stroke, width, height, viewBox, and currentColor usage.

Check accessibility labels

Add title text or hide decorative icons based on their role.

Download clean icons

Save sanitized SVG icons for component libraries and docs.

Icon editor example

A simple upload icon shows the attributes that matter most.

<svg viewBox="0 0 24 24" role="img"><title>Upload</title><path d="M12 4v12M7 9l5-5 5 5M5 20h14" fill="none" stroke="currentColor" stroke-width="2"/></svg>

SVG Icon Editor FAQ

Can I edit SVG icon color?

Yes. Change fill, stroke, or currentColor attributes.

What should every informative icon include?

Use an accessible name, usually with title or aria-label.

Related SVG workflows

svg icons svg favicon svg sprite