FREE · IMAGE TOOLS
SVG Optimizer and SVG to React.
Shrink SVG files by removing editor data, comments, metadata, scripts, default values and unused IDs and rounding numbers, with a before/after preview and a React component.
Loading the calculator…
How to use SVG Optimizer and SVG to React
Open or paste the SVG, choose the decimal places and options, compare the previews and download the optimized file or the JSX.
How it works
The SVG is parsed into a document, cleaned node by node (inherited presentation attributes are respected), serialized and compacted; JSX converts attributes to camelCase and styles to objects.
Example
An Inkscape star icon drops from about 1.2 KB to 230 bytes with the same drawing, and becomes a ready StarIcon component.
Questions about SVG Optimizer and SVG to React
Is SVG Optimizer and SVG to React free, and do I need an account?
Yes. This tool is free to use in your browser without an account. Processing takes place on your device.
What are the limits and what should I check?
Shapes are not merged or simplified. Up to 10 MB. Everything is calculated in your browser; nothing you type is uploaded. Review image dimensions, transparency and quality before downloading.
Is my input sent to a server?
Your input is processed in your browser and is not uploaded by this tool. Files and pasted text are cleared when the page is refreshed. Normal website requests are still required to load the page and its libraries. Read the privacy explanation.