How do I edit an SVG icon?

Paste or upload an icon on the left, then edit its fill, stroke, dimensions, or viewBox. Everything runs in your browser; nothing is uploaded to a server.

Can I use currentColor for icons?

Yes. Set fill or stroke to currentColor so the icon inherits the color of its surrounding UI.

Does the editor clean SVG code?

Yes. Unsafe SVG parts are removed before preview and export, and you can download or copy a clean SVG without an account.

Which icon libraries can I edit?

Any SVG works, including icons from Lucide, Heroicons, Font Awesome, and custom design systems. Paste the markup and make the tweak you need.

Free Online SVG Icon Editor — Edit & Clean SVG Icons

FAQ

Quick answers

How do I edit an SVG icon?: Paste or upload an icon in the Source panel, then edit its fill, stroke, dimensions, or viewBox. Everything runs in your browser; nothing is uploaded to a server.
Can I use currentColor for icons?: Yes. Set fill or stroke to currentColor so the icon inherits the color of its surrounding UI.
Does the editor clean SVG code?: Yes. Unsafe SVG parts are removed before preview and export, and you can download or copy a clean SVG without an account.
Which icon libraries can I edit?: You can edit icons from any library as long as you have the SVG markup. Paste it here, make your changes, and copy the clean SVG or JSX into your app.

Privacy Terms

Source

Ready

React component

React Native (react-native-svg)

0 B

SVG Icon Editor for Web Developers & Designers

Live preview