Hoje olhar para uma a base de dados de ícones vetoriais e com integração web e que conta com mais de 4800 ícones, dos quais, 1480 ícones estão disponível de forma totalmente gratuita.
Como usar o Font Awesome?
Existem essencialmente duas formas principais de usar o Font Awesome. A primeira, e mais simples, é descarregar o ficheiro do ícone em formato vetorial (SVG). Desta forma, terá acesso ao ícone para usar nas suas imagens ou projetos no computador e não terá de se preocupar com a qualidade. Ao usar uma imagem em formato vetorial, é sempre garantida a maior resolução possível independentemente do tamanho da sua criação.
Alternativamente, pode copiar o código HTML para inserção do ícone como se um normal caracter se tratasse. Ou seja, O ícone vai ser incorporado na sua página web como se de uma letra se tratasse. Neste caso, pode escolher a cor do ícone da mesma forma que altera a cor do texto. Isto é extremamente vantajoso porque diminuí o número de imagens a página web descarrega e faz com que seja mais fácil integrar as imagens no meio do texto. Além disso, o ícone terá sempre a qualidade desejada independentemente do dispositivo usado para aceder à página.
Vamos olhar em detalhe como usar estas duas vertentes dos ícones.
Descarregar o ícone (SVG)
Como já foi referido, o Font Awesome permite descarregar o ícone em formato vetorial para incorporar nas suas criações. Para descarregar, basta clicar no ícone de download e aceitar que dará o crédito ao Font Awesome para o uso do ícone. Isto é, terá de indicar que os ícones usados na sua produção foram obtidos a partir do Font Awesome de acordo com a licença Creative Commons Attribution 4.0. Poderá optar pelo plano pago, e nesse caso, terá acesso a mais 3356 ícones e ainda ao levantar da necessidade de indicar o crédito dos ícones.
Incorporar os ícones em HTML
A outra possibilidade é incluir os ícones nas suas páginas web (HMTL). Para isso deverá visitar a página de início para obter a linha com o ficheiro CSS que deverá incluir no <head> de todas as páginas web onde pretende usar o Font Awesome. Depois, basta pesquisar pelo ícone pretendido e copiar o código HTML que deverá ter o seguinte aspecto:
<i class="fas fa-envelope-open"></i>Deste modo, pode adicionar os códigos de ícones que desejar na suas páginas e eles aparecerão como se caracteres de texto se tratassem.
O Font Awesome é uma excelente base de dados de ícones para procurar aqueles ícones para email, redes sociais (Facebook, Instagram, Twitter…), utilizadores, dispositivos, veículos e muito mais. Além de ser um banco bastante completo, permite ainda a integração com páginas web através do uso de códigos HTML simples e optimizados.