Normalize an SVG icon to a clean design-system grid
Trim empty space, normalize the artboard, and export one icon-sized SVG on a 16, 20, 24, or 32 grid for product UI work.
Icons
Recommendations
You Might Also Like
Nearby tools from the catalog that fit the same job or workflow.
SVG Dimensions Checker
Inspect SVG geometry
Inspect one SVG for width, height, viewBox, intrinsic ratio, and missing geometry warnings.
Inline SVG Cleaner
Clean inline SVG
Clean pasted SVG markup for inline frontend use, strip editor junk, and export a safer snippet.
SVG Color Replacer
Replace SVG colors
Detect fill and stroke colors in one SVG, replace them selectively, and export the updated markup.
SVG Optimizer
Optimize SVG markup
Optimize one SVG locally, remove editor junk, and export cleaner markup with a smaller file size.
SVG to Data URL
Generate SVG data URLs
Turn one SVG into a minified data URL and CSS background-image snippet for frontend use.
SVG ViewBox Cleaner
Fix SVG viewBox
Fix missing or messy viewBox values, trim empty SVG space, and export a cleaner result locally.
Saved and used
Account tracking for this tool
Save the tool to keep it easy to reopen from your account and favorites filter.
Saved status
Sign in
Sign in to add this tool to your favorites.
Rating
Rate this tool
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.
SVG Icon Sizing ToolCurrent rating
0.0
No ratings yet. Be the first to leave one.
How would you rate this tool?
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.
At a glance
What this tool section is for
A quick way to understand who this helps, what it solves, and where it connects next.
Best fit
Product teams and frontend engineers normalizing icon assets before they land in a design system or app UI.
Ideal for
Getting one icon SVG onto a cleaner grid without opening a full vector editor.
Why it belongs here
Capture SVG icon normalization intent with a browser-first grid-sizing utility.
Closest product path
Another You and Cleanor
Details
How this should help in practice
These sections explain the job in plain language and set expectations for what the tool should do well.
Why icon normalization matters
Icon sets look inconsistent when the artboards and viewBoxes are not aligned. This tool focuses on that one cleanup step so icons feel more intentional in product UI.
FAQ
Common questions
Short answers for the questions people usually have before trying a utility like this.
Is this meant for large illustrations too?
No. It is focused on icon-like SVG assets that need grid normalization.
Can I keep the artwork top-left instead of centered?
Yes. The tool supports centered output and a top-left alignment mode.
Access
Credits and account access
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.
Status
Checking access.
Available now
Balance details will appear as soon as the session finishes loading.
Upgrade path
Resolving the account ladder and current credit window for this browser.