~/questoes/criacao-de-sites
Ícones SVG são gráficos vetoriais escaláveis que mantêm a mesma qualidade em qualquer tamanho ou resolução de tela. Diferente dos ícones raster (feitos de pixels), os SVG são baseados em fórmulas matemáticas, permitindo ampliação infinita sem perda de nitidez.
A vantagem principal é que SVG mantém qualidade perfeita em qualquer resolução e oferece grande flexibilidade para customizar cores, tamanhos e até animar os ícones, tudo sem prejudicar o desempenho do site.
Esta é a resposta correta. SVG mantém qualidade em qualquer resolução porque usa vetores matemáticos em vez de pixels. Além disso, você pode customizar cor, tamanho e até criar animações sem comprometer performance.
Embora SVG seja leve, sua vantagem principal não é o tamanho ou velocidade de carregamento. PNG e JPG também podem ser otimizados para carregar rápido. A grande vantagem do SVG é a escalabilidade sem perda de qualidade.
SVG não funciona em navegadores antigos como Internet Explorer 8 ou mais antigos sem bibliotecas de suporte. Navegadores modernos têm suporte nativo, mas esse não é o ponto forte do SVG comparado a raster.
Embora SVG permita interatividade através de CSS e JavaScript, isso não é sua vantagem principal frente aos ícones raster. A interatividade é um bônus, não a razão pela qual SVG supera formatos raster.