Olá time Alura!
Fiquei surpreso ao ver que a tag <i> que originalmente é usada no HTML para destacar trecho do texto em italico está sendo usada para puxar imagem com uso de classe no CSS.
Minha duvida é:
Semanticamente não seria ideal usar a <img> ?
Ou essa foi uma preferência para deixar o código HTML mais enxuto e mais fácil de editar no CSS? (mesmo que, em teoria, ainda esteja semanticamente "incorreto")
No <head> do seu html, inclua a seguinte linha de código:
<link rel="stylesheet" href="https://cdn.es.gov.br/fonts/font-awesome/css/font-awesome.min.css">
Em seguida, basta usar a tag* <i> ou <span> atribuindo à classe o nome do ícone, como no exemplo abaixo:
<i class="fa fa-camera-retro"></i> fa fa-camera-retro
Pronto! O ícone será incluído dentro da tag: 📷 fa fa-camera-retro
*O padrão é usar
<i>, mas pode usar qualquer tag, o que importa é a class
<x class="fa fa-camera-retro"></x> fa fa-camera-retro
O ícone será incluído dentro da tag <x>:
📷 fa fa-camera-retro
Caso este post o tenha ajudado, por favor,
marcar como solucionado ☑️.
Bons Estudos! 🤓