Back to Plugins

Clean SVG Export
Export icons the nice way
Plugin Preview
About this plugin
Export icons in a bulk to SVGs the nice way – smaller size and happy devs!
- optimised by SVGO and cleaned up as much as possible,
- per icon merged to a single simplified path,
- outlined strokes,
- recursively removed groups & flattened masks & content clipping,
- outer frame content clipping,
- ignored invisible layers (opacity, no fill, hidden),
- positioned on pixel grid to avoid size error,
- mono-coloured to black (currentColor),
- exported as a ZIP file.
Also: receive warnings if the frames are not pixel perfect with decimal places.
Example format:
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d=".......path data....... "/>
</svg>
For the SVGO configuration used, see the list below. For explanations consult the documentation https://svgo.dev/docs/plugins/):
- removeAttrs
- removeDoctype
- removeXMLProcInst
- removeComments
- removeMetadata
- removeEditorsNSData
- cleanupAttrs
- cleanupIds
- mergeStyles
- inlineStyles
- minifyStyles
- removeUselessDefs
- cleanupNumericValues
- removeUnknownsAndDefaults
- removeNonInheritableGroupAttrs
- removeUselessStrokeAndFill
- cleanupEnableBackground
- removeHiddenElems
- removeEmptyText
- convertShapeToPath
- convertEllipseToCircle
- moveElemsAttrsToGroup
- moveGroupAttrsToElems
- collapseGroups
- convertPathData
- convertTransform
- removeEmptyAttrs
- removeEmptyContainers
- removeUnusedNS
- mergePaths
- sortAttrs
- sortDefsChildren
- removeDesc
- leanupListOfValues
- convertStyleToAttrs
- convertOneStopGradients
- removeRasterImages
- removeStyleElement
- removeTitle
- removeXlink
- removeAttrs(fill="none")
- removeAttrs(fill-rule and clip-rule)
- Other used settings: float precision 5, pretty true
Plugin Details
| Version | 14 |
|---|---|
| Created | September 19, 2025 |
| Last Updated | October 19, 2025 |
| Category | Import & export plugins |
| Creator | Matej Rajtar |
| Stats | 11 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:./plugin.html
- main:./main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML