17. 07. 2017

Ícones gratuitos para web

O Bootstrap é o framework mais popular para desenvolvimento de projetos responsivos na web e com isso vemos diversas semelhanças entre os sites, dentre elas: ícones.

O Boostrap utiliza o Glyphicons em seus componentes, fornecido gratuitatmente para usuários do framework.

Se você for designer, como eu, já deve ter sentido esse incômodo ao visitar outros sites e ter se deparado com o mesmo estilo de ícones.

Existem sites que possuem ícones desenhados especialmente para o projeto e isso dá mais personalidade, mas nem todos possuem tempo (por projeto) e habilidade para desenhar ícones, então vou compartilhar uma lista de bons ícones gratúitos para deixar o seu projeto mais autêntico.

 

Font Awesome

O Font Awesome é um set de 675 ícones (Font Awesome 4.7.0) em fonte que você pode utilizar tanto nos projetos web como aplicar facilmente em projetos para impressão.

Lista de ícones Font Awesome para web: Basta fazer download da versão mais recente do pacote e incluir no projeto web. Falei um pouco mais sobre isso no post “Tipografia na Web“. 

Depois, basta chamar o ícone que você escolheu no projeto, exemplo:

<i class="fa fa-envelope" aria-hidden="true"></i>

Lista de ícones Font Awesome para desktop: Instale a fonte (FontAwesome.otf) na sua máquina e copie os ícones dessa lista no seu projeto. Geralmente eu utilizo em protótipos gerados no Photoshop, Illustrator, Experience Design, etc.

Diversas pessoas já utilizam o Font Awesome também. É um opção rápida e muito fácil a sua manutenção por CSS.

Visitar Font Awesome

 

Fontastic 

O Fontastic possui uma lista com mais de 9 mil ícones gratúitos para você utilizar. Há também uma sessão premium para você comprar mais ícones em SVG.

Vamos falar com mais detalhes em breve sobre imagens em SVG.

Visitar Fontastic

 

The Noun Project

Quase um milhão de ícones gratuitos fornecidos pela comunidade, basta criar uma conta para acessar. Pode buscar por palavra-chave. Fornece diversos estilos e opções para baixar em SVG e PNG. Divirta-se.

Visitar The Noun Project

 

Copyandpastcharacter

Lista de ícones simples, incluindo emojis, útil para criação rápida de protótipos e uma solução para necessidades simples como: setas, moedas, pontuação, etc.

Visitar Copyandpastcharacter

 


Nati Soares

Designer que ama criar projetos para web e ilustrar. Curiosa por design, arte e tecnologia. Ama viajar, cozinhar e assistir seriados.

Veja também

02.10.2017

Ilustração em vetor #3

Olá! Voltei com outro vídeo de speed drawing em vetor no Adobe Illustrator. 🙂 Tento incluir sempre que […]

29.08.2017

Ilustração em vetor #2

Desde quando eu publiquei meu primeiro vídeo no YouTube penso em continuar com essa série de speed drawing […]

20.08.2017

Minha experiência no FIRE 2017

Depois da grande emoção de conhecer pessoalmente meu time remoto, vamos falar sobre como foi o FIRE 2017! […]

Voltar para blog
© 2015 - 2017 natalia soares | feito com amor love por nati soares