Merge styles (`mergeStyles`)

Combines multiple <style> elements and merges rules where possible before inlining or minifying.

What Merge styles does in SVGO

SVGO applies mergeStyles as part of its plugin pipeline. On SVGOMG.net the toggle is labeled Merge styles (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

SVGs with several style blocks from layered exports.

When to disable

When separate style blocks must stay isolated for cascade reasons.

Watch out for

Run before inlineStyles and minifyStyles.

Try it

Open SVGOMG.net and load your SVG (file, paste, or demo).
Find Merge styles in the Features panel (mergeStyles).
Toggle the plugin and compare the preview; download when satisfied.

Part of: Styles and CSS in SVG

This plugin is covered in the Styles and CSS in SVG topic guide along with related transforms.

SVGO Plugin Guide

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