SVG Prep Checklist

Use a thoughtfully-sized Artboard

Avoid bitmap images

Use unique layer names (unless removing them with an optimizer)

Ungroup all layers

Consider flattening layers with flip or rotate transforms

Reconstruct masks using Boolean operations, like Intersect

Prefer Center borders to Inside or Outside

Only Convert to Outlines on borders if absolutely necessary (ex: to create a “single path” SVG)

Merge multiple fills on the same layer

Replace non-Normal blend modes with new filled shapes

Consider replacing shadows with gradients, when possible

Export or Copy SVG Code on the Artboard—not layers or slices

Optimize in SVGito

Optimize in SVGOMG

Include recommended declarations at the top of the SVG, if it will be used as an independent graphic

If using multiple inline SVGs on a webpage, ensure that none of their elements have the same ID