demo · v137

Sprite router

Compare the old anchor-fragment href with the new bare-URL form, then point both at any SVG on the open web. The right lane uses Chrome 137’s rule that an href without a fragment now resolves to the document’s root element.

If both lanes look identical your browser already supports the bare form. The left lane forces the fragment-stripped URL through a slot that doesn’t add a fallback, so older engines render an empty frame.

click a preset or edit the URL above
old: explicit fragment

An older asset bakes in a known id, e.g. #root, or you ship a wrapper <symbol> per file.

new: no fragment (v137)

Chrome 137 resolves the URL to the file’s root <svg> automatically — no per-asset id, no symbol wrapper.

icon set demo

One <use> per tile, each pointing at a different bare SVG URL. No fragments anywhere. Drop new icons into a folder and they render without editing the source files.

the code

<!-- Before -->
<svg><use href="/icons/star.svg#root" /></svg>

<!-- After (Chrome 137+) -->
<svg><use href="/icons/star.svg" /></svg>

The browser resolves the bare URL to whatever element is the document root of the referenced SVG. Practically, that’s the outermost <svg> of every standalone icon you author — the same element you’d normally have to give an id to.

see also