Replace SVG fill and stroke colors
Detect the colors used inside one SVG, swap them globally or one by one, and export the updated markup locally in the browser.
Detect the colors used inside one SVG, swap them globally or one by one, and export the updated markup locally in the browser.
Nearby tools from the catalog that fit the same job or workflow.
Clean inline SVG
Clean pasted SVG markup for inline frontend use, strip editor junk, and export a safer snippet.
Inspect SVG geometry
Inspect one SVG for width, height, viewBox, intrinsic ratio, and missing geometry warnings.
Normalize SVG icons
Normalize one SVG icon to a clean 16, 20, 24, or 32 grid with tighter bounds and cleaner scaling.
Optimize SVG markup
Optimize one SVG locally, remove editor junk, and export cleaner markup with a smaller file size.
Generate SVG data URLs
Turn one SVG into a minified data URL and CSS background-image snippet for frontend use.
Fix SVG viewBox
Fix missing or messy viewBox values, trim empty SVG space, and export a cleaner result locally.
Save the tool to keep it easy to reopen from your account and favorites filter.
Sign in
Sign in to add this tool to your favorites.
Everyone can see the current score. Signed-in users can leave a 1 to 5 star rating, and any written review goes only to review@cleanor.app.
No ratings yet. Be the first to leave one.
Sign in to leave a public score from 1 to 5 stars. Optional written feedback is private and emailed only to review@cleanor.app.
This block mirrors the system review flow: score first, then an optional private note.
A quick way to understand who this helps, what it solves, and where it connects next.
Frontend teams, designers, and founders adapting icon packs and brand assets to new color systems.
Changing fill and stroke colors in one SVG without opening a broader design tool.
Capture replace-SVG-color and change-SVG-fill intent with a direct browser-first utility.
Another You and Cleanor
These sections explain the job in plain language and set expectations for what the tool should do well.
SVG color swaps come up constantly in icon systems, branding refreshes, and UI handoff. This page keeps the job fast without turning it into a full editor.
Short answers for the questions people usually have before trying a utility like this.
Gradient editing is not the focus in v1. The main workflow is replacing direct fill and stroke colors.
Yes. Both file upload and paste-first workflows are supported.
Browser tools stay credit-based across the ladder: guests get a small daily balance, signed-in users start with monthly browser and AI pools, and paid tiers expand both balances as usage grows.
Checking access.
Balance details will appear as soon as the session finishes loading.
Resolving the account ladder and current credit window for this browser.