Elemento <symbol> de SVG

El elemento <symbol> de SVG se utiliza para definir símbolos reutilizables. A menos que sea referenciado por un elemento <use>, no se mostrarán las formas anidadas dentro del <symbol>.

El elemento <symbol> de SVG se utiliza para definir un objeto de plantilla gráfica reutilizable. Este elemento puede ser ejemplificado mediante un elemento <use>. El papel del elemento <symbol> en la gráfica es usarlo múltiples veces en el mismo documento, agregando estructura y semántica. Un documento estructurado de manera rica puede presentarse de manera más vívida, como en un guión de presentación o braille, mejorando así la accesibilidad. Nota: un elemento <symbol> en sí mismo no se presenta. Solo los ejemplos del elemento <symbol> (es decir, un elemento <use> que hace referencia al <symbol>) pueden presentarse.

Ejemplo de símbolo

Este es un ejemplo simple de símbolo symbol:

<svg width="500"　height="100">
　　　　<symbol　id="shape2">
　　　　　　　　<circle　cx="25"　cy="25"　r="25"　/>
　　　　</symbol>
　　　　<use　xlink:href="#shape2"　x="50"　y="25"　/>
</svg>

El elemento <symbol> necesita un id para que el elemento <use> lo pueda referenciar.

reserveAspectRatio y viewBox

El elemento <symbol> puede tener los atributos prepareAspectRatio y viewBox. 　El <g> no puede tener estos dos atributos. Por lo tanto, en comparación con el uso de elementos <g> dentro del elemento <defs>, el elemento <symbol> puede ser un mejor método para la repetición de formas.