SVGOMG.net How to optimize Path and shape optimization

Move attrs to parent group (moveElemsAttrsToGroup)

Hoists common child attributes up to parent <g> elements to reduce duplication.

What Move attrs to parent group does in SVGO

SVGO applies moveElemsAttrsToGroup as part of its plugin pipeline. On SVGOMG.net the toggle is labeled Move attrs to parent group (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 with many paths sharing fill or stroke.

When to disable

When hoisting would change specificity of presentation inheritance.

Watch out for

Visual check recommended on layered artwork.

Try it

  1. Open SVGOMG.net and load your SVG (file, paste, or demo).
  2. Find Move attrs to parent group in the Features panel (moveElemsAttrsToGroup).
  3. Toggle the plugin and compare the preview; download when satisfied.

SVGO Plugin Guide

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