Remove useless stroke & fill (`removeUselessStrokeAndFill`)

Removes stroke and fill attributes that do not change rendering (e.g. default black fill).

What Remove useless stroke & fill does in SVGO

SVGO applies removeUselessStrokeAndFill as part of its plugin pipeline. On SVGOMG.net the toggle is labeled Remove useless stroke & fill (enabled by default). Optimization runs entirely in your browser — files are not uploaded to a server.

Use SVGOMG.net with Show original to compare before and after. If output looks wrong, disable this plugin first, then re-enable related transforms one at a time.

When to enable

Icons and UI assets with redundant presentation attributes on every path.

When to disable

When inheritance chains are subtle and you see missing colors after optimization.

Watch out for

Re-check multicolor icons after enabling.

Try it

Open SVGOMG.net and load your SVG (file, paste, or demo).
Find Remove useless stroke & fill in the Features panel (removeUselessStrokeAndFill).
Toggle the plugin and compare the preview; download when satisfied.

Part of: Hidden and unused markup

This plugin is covered in the Hidden and unused markup topic guide along with related transforms.

SVGO Plugin Guide

Browse the SVGO Plugin Guide or read the full SVG optimization walkthrough.