Web e app design

5 sites gratuitos para baixar ícones para UI design

Descubra onde pode encontrar os ícones perfeitos para melhorar o resultado de seus projetos de UI Design

Uma das decisões mais importantes no UI design é escolher os ícones adequados. Quando você começa a trabalhar neles, imediatamente percebe não se tratar apenas de uma questão estética.

Os detalhes também contam e é preciso analisar outros fatores. Por exemplo: se os ícones precisam de um contexto de apoio para serem entendidos pelos usuários.

Trabalhos de Christian Vizcarra, que na Domestika ministra o curso 'Introdução ao UI design'
Trabalhos de Christian Vizcarra, que na Domestika ministra o curso 'Introdução ao UI design'

Christian Vizcarra (@christvizcarra), especialista no mundo do design de interfaces, é o melhor profissional para guiá-lo nesta fase.

Na sequência, ele compartilha suas páginas favoritas para encontrar ícones de todos os estilos. Aproveite!

Iconfinder

No maior marketplace de ícones do mundo, com mais de 4.900.000 tipos, é fácil encontrar o que você procura. Desde um ícone específico até coleções completas para aplicá-las em seus projetos.

Uma das características do Iconfinder é contar com a própria equipe de criativos, sempre atenta às necessidades dos usuários. O filtro é muito detalhado e você pode navegar por diferentes seções: designers, categorias ou estilos.

Além de encontrar ícones gratuitos, você também pode acessar as tarifas Premium.

Iconfinder é a maior biblioteca de ícones
Iconfinder é a maior biblioteca de ícones

Font Awesome

Trata-se de um catálogo de imagens vetoriais, que podem ser dimensionadas para qualquer tamanho com a garantia de que não perderão qualidade.

No Font Awesome, os ícones são tratados como fontes. Além disso, você pode personalizá-los totalmente usando CSS: cor, sombras, tamanho e animações.

Com mais de 70 categorias, oferece cada vez mais ícones e todos se destacam pela velocidade de carregamento.

Exemplo de ícones do Font Awesome
Exemplo de ícones do Font Awesome

The Noun Project

Transcender as barreiras culturais e linguísticas e permitir que as pessoas se comuniquem de forma eficaz, rápida e intuitiva.

Esta é a razão de ser da vasta coleção iconográfica do The Noun Project, criada por mais de 120 designers de todo o mundo.

Um recurso para inspirar sua linguagem visual e explorar outras possibilidades em seus projetos. Caso crie os próprios ícones, você também poderá compartilhá-los com o resto da comunidade.

Coleções no The Noun Project
Coleções no The Noun Project

Feather Icons

Outro recurso que Christian Vizcarra recomenda é este código aberto de ícones, especialmente para quem está em busca de um estilo minimalista.

No Feather Icons, você pode baixá-los em PNG e SVG. Como indicam em sua página, todo ícone é projetado em uma grade 24x24 com ênfase na simplicidade, consistência e flexibilidade.

O estilo minimalista é uma característica do Feather Icons
O estilo minimalista é uma característica do Feather Icons

Feather Icons (plugin Figma)

Talvez seu aplicativo favorito para desenhar interfaces seja o Figma. Nesse caso, existe uma versão específica do Feather Icons.

Se achou o recurso interessante, você pode baixar os ícones diretamente desta página, mas não antes de explorar sua comunidade de criatividade.

Uma seção para encontrar trabalhos de outros designers muito inspiradores.

Diferentes projetos com recursos do Feather Icons
Diferentes projetos com recursos do Feather Icons

Conhece outras páginas para baixar ícones? Compartilhe suas favoritas nos comentários! Não deixe ainda de dar uma olhada nos cursos online de UI e UX design da Domestika

Se quiser aprender os princípios do design de interfaces, inscreva-se no curso de Christian Vizcarra, Introdução ao UI design, e adquira mais ferramentas e recursos.

E se quiser descobrir mais materiais interessantes para seus projetos, fique atento à seção Recursos Criativos do nosso blog.

Versão em português de @ntams.

Você também pode se interessar por:

- Curious Minds Podcast: por que amamos símbolos?
- Domestika Mestres: Milton Glaser
- 6 tendências de design para 2022
- Web design com Figma: criação de interfaces eficazes, um curso de Pablo Stanley
- Design de interfaces para sites e aplicativos, um curso de Francisco Aguilera G

Ver cursos recomendados

Introdução à programação em Python. Curso de Web, e App Design por Rodrigo Montemayor

Introdução à programação em Python

Um curso de Rodrigo Montemayor

Aprenda fundamentos de programação em Python começando do zero e descubra como codificar seu primeiro programa

  • 21,543
  • 98% (464)
98% Desc.
Preço original $49.99USD
Comprar $0.99USD
Especialização do projeto UX/UI: da pesquisa à acessibilidade. Curso de Web, e App Design por Domestika
Domestika Specialization · 12h

Especialização do projeto UX/UI: da pesquisa à acessibilidade

Uma especialização de vários professores

Crie experiências digitais envolventes com o design UX por meio de pesquisa, metodologia e estratégia para o seu portfólio

  • 3,883
  • 100% (35)
GRÁTIS COM PLUS
95% Desc.
Preço original $129.99USD
Comprar $5.99USD
Domine o Figma do 0 ao 100. Curso de Web, e App Design por Mirko Santangelo
Domestika Basics · 10 cursos

Domine o Figma do 0 ao 100

Um curso de Mirko Santangelo

De iniciante a profissional, domine todos os aspectos do Figma: configuração da interface, utilização de plugins, design de texto e formas, prototipagem e colaboração com desenvolvedores.

  • 24,302
  • 91% (131)
97% Desc.
Preço original $59.99USD
Comprar $1.99USD
0 comentários