Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Melhores Praticas no Uso de ícones SVG

por André Luiz Leoni
| 116.1k xp | 16 posts

Olá, estou com dúvidas quanto a utilização do SVG, quais são as melhores práticas para uso dele?

Usar por tag img, inline...

Estou com receio de usar image, e ele sobrecarregar a pagina, assim como se usar inline e ter dificuldades de manipular os icones...

3 respostas
por Natan Souza
| 2115.9k xp | 3725 posts
Instrutor Product Design Lead

Oi Andre, tudo bem?

Hoje o melhor é usar o elemento <img> se for uma imagem simples. E se for <svg> inline pra todos os outros - sprites, animações, customizar CSS etc.

Teve esse e esse tópico sobre o assunto, em ambos foi o Sergio que deu a solução.

Espero ter ajudado e bons estudos,

Abcs!

solução!
por Sérgio Lopes
| 604.1k xp | 913 posts
Instrutor CTO na Alura

Oi André,

No curso de Performance Web I tenho uma aula sobre sprites SVG. Recomendo que vc veja:

https://cursos.alura.com.br/course/otimizacao-performance-web/task/16625

Abraço

por André Luiz Leoni
| 116.1k xp | 16 posts

Obrigado pelas respostas, vou fazer o curso final de semana e se as duvidas persistirem entro em contato novamente com vocês, obrigado!