- SVG `symbol` a Good Choice for Icons | CSS-Tricks
Why <symbol> is better for icons
Just to put a point on it:
_The viewBox can be defined on the symbol, so you don’t need to use it in the markup (easier and less error prone).
_title and desc attributes can be added there as well, making accessibility easier to do right.
_Symbols don’t display as you define them, so no need for a <defs> block.
_This is probably what <symbol> was invented for anyway.