Talvez a melhor maneira de usar o SVG seja “Inline SVG” - isto é, colocando o código SVG diretamente no seu HTML. Funciona muito bem!
Veja a Pen gpcDi de Chris Coyier (@chriscoyier) no CodePen.
Grande parte desta série será sobre todas as coisas excelentes que você pode fazer usando SVG embutido, então eu queria ser bem claro sobre o que é e como funciona.
Se você está preocupado em ter todo esse código todo em seu HTML, saiba que:
- Isso às vezes tem vantagens (rápido!)
- Existem maneiras de torná-lo externo (também rápido!)