v137 · svg

SVG Icon Library Builder

Chrome 137 lets <use href="icons/star.svg"> reference the root element of an external SVG document without adding a #fragment. Build an icon library from same-origin SVG files, place multiple instances, and inspect the live fragment-free <use> references.

Builder

Palette (click to place)

Canvas

Click icons on the left to place them here.

Live href audit
Waiting for placed icons.
External file probe
Select an icon to inspect its SVG document.

Generated HTML

Place some icons to generate markup.

Root-reference contract

Chrome 137 path

The rendered preview uses bare external document URLs such as icons/star.svg. There is no #id; the target is the root <svg> document.

Legacy failure mode

The icon files intentionally do not put IDs on their root nodes. A legacy form such as icons/star.svg#icon-star has no matching fragment target and would require editing every SVG.

References