Quizás la mejor manera de usar SVG es "Inline SVG", es decir, poner código SVG directamente en su HTML. ¡Funciona genial!
Vea Pen gpcDi de Chris Coyier (@chriscoyier) en CodePen.
Gran parte de esta serie tratará sobre todas las cosas geniales que puedes hacer usando SVG en línea, así que quería ser muy claro sobre qué es y cómo funciona.
Si le preocupa tener todo ese código en su HTML, sepa que:
- Hay ventajas en eso a veces (¡rápido!)
- Hay formas de hacerlo externo (¡también rápido!)