Ícone do site Linha de Comando

Google Fonts adiciona Ícones

Google Fonts recebeu uma atualização significativa que passa a permitir o uso de ícones, além de fontes. Os ícones estão disponíveis em cinco estilos: outlined (delineado), filled (preenchido), rounded (arredondado), sharp (acentuado/realçado) e two-tone (dois tons). Possui uma variedade de tamanhos e densidades para download. Os ícones são criados com base nos princípios básicos de design e nas métricas das diretrizes de design de materiais. Os ícones são free e open-source.

Como usar?

1. Inclua dentro da tag head o estilo de ícone que deseja trabalhar:















2. Localize o ícone que você deseja usar, conforme o estilo, em https://fonts.google.com/icons e clique para mais detalhes.

3. Na janela a direita selecione o código e pressione CTRL + C para copiar.

4. Cole o código no arquivo do seu projeto. Exemplo:

lightbulb Outlined

lightbulb Filled

lightbulb Roudend

lightbulb Sharp

lightbulb Two Tone

É possível adicionar outros estilos aos ícones, leia a documentação clicando aqui.

Sair da versão mobile