v137 · svg

SVG Transform Sandbox

Chrome 137 allows a transform attribute on the root <svg> element — previously only inner SVG elements supported it. Use the sliders to build a translate / rotate / scale transform, see it applied to the root SVG, and compare the attribute approach with the CSS transform approach.

Sandbox

Checking support…

Transform

translateX 0px

translateY 0px

rotate 0°

scale 1.00

transform=""

Preview

Code comparison

transform attribute (Chrome 137+)

CSS transform

Why this matters: The SVG transform attribute was supported on inner elements like <g> and <rect>, but not on the root <svg> element. Chrome 137 aligns with the SVG spec: the root element now accepts transform, enabling inline SVGs to be repositioned or scaled using SVG's own attribute syntax rather than CSS.