Como adicionar ícones em páginas web usando bibliotecas como Font Awesome e Material Icons
Ícones são adicionados em páginas web principalmente por meio de bibliotecas de ícones. Elas funcionam de forma parecida com o Google Fonts: você inclui um link no HTML e passa a ter acesso a centenas de ícones prontos.
As duas bibliotecas mais populares são Font Awesome e Material Icons.
Para usar, adicione o link no <head>:
Carregando...Depois, use a tag <i> com as classes correspondentes ao ícone desejado:
Carregando...Carregando...Carregando...No Material Icons, o nome do ícone fica dentro da tag como texto.
Como os ícones são tratados como texto, você pode estilizá-los com as mesmas propriedades de texto do CSS.
Carregando...Cada biblioteca tem um catálogo onde você busca pelo nome do ícone: