I think of an SVG sprite as this:
<svg display="none"> <symbol id="icon-one"> ... </symbol><symbol> </symbol><symbol id="icon-two"> ... </symbol><symbol> </symbol><symbol id="icon-three"> ... </symbol><symbol> </symbol></svg>
I was long a fan of that approach for icon systems (
<use></use>-ing them as needed), but I favor including the SVGs directly as needed these days. Still, sprites are fine, and fairly popular.
What if you have a sprite, and you wanna see what’s in it?… Read article “A Snippet to See all SVGs in a Sprite”