Hidden and unused markup

Hidden layers and empty groups are common in Figma, Sketch, and Illustrator exports. Removing them is usually safe for static icons and UI graphics, but disable the group if your SVG relies on hidden elements for animation or interaction.

SVGO plugins in this topic

Remove hidden elements removeHiddenElems
Removes elements with display:none or zero opacity that editors leave behind.
Remove empty containers removeEmptyContainers
Removes elements that do not render and contain no meaningful children.
Remove empty text removeEmptyText
Deletes empty <text> and <tspan> nodes left by design tools.
Remove useless stroke & fill removeUselessStrokeAndFill
Removes stroke and fill attributes that do not change rendering (e.g. default black fill).

Try it

Open SVGOMG.net, load your SVG, and toggle the plugins above in the Features panel.

SVGO plugins in this topic

Related topics

Try it