Para designers, os ícones são uma ferramenta incrível para criar layouts e aplicativos com os quais uma interação mais rápida. Isso nos permite usar um pouco menos de texto do que normalmente precisaríamos e ajuda as pessoas a navegar por nossos designs com mais rapidez.
No entanto, o design de ícones exige muito tempo e esforço, portanto, é difícil criar ícones personalizados para cada projeto. Graças à Internet e a uma comunidade incrível de designers, agora existem muitos conjuntos de ícones de código aberto de alta qualidade que você pode baixar gratuitamente e personalizar de acordo com suas necessidades. Aqui estão alguns deles.
1. Heroicons
Heroicons é um conjunto que você achará útil para o desenvolvimento de sites ou aplicativos. Ele vem no modo linear ou sólido, então é mais provável que se adapte ao seu design. Se você é um designer, pode abrir os ícones diretamente no figma ou baixá-los no Github. Para desenvolvedores, o site oferece um recurso muito útil para copiar o código do ícone no formato JSX ou SVG para um uso mais simples.
2. Ícones de Fundação
Esta fonte de ícone é a companheira da amplamente popular estrutura Foundation. É principalmente para construção de sites e aplicativos, e convenientemente apresentado em subgrupos. Ele também tem um foco notável na acessibilidade.
3. Ícones de penas
Se você está procurando ícones simples e fáceis de personalizar, os Ícones da Feather têm tudo para você. Com 282 ícones disponíveis para download, você encontrará praticamente qualquer ícone de que possa precisar para o desenvolvimento de um site ou aplicativo. O site deles também oferece um personalizador de ícones conveniente que você pode usar para baixar os ícones diretamente no formato certo.
4. Fonte incrível
Font Awesome é um gigantesco banco de dados de ícones que vai muito além do desenvolvimento de aplicativos, mas oferece ícones para todos os tipos de uso. Existem mais de 5.000 ícones no Font Awesome, ele até se tornou um dos projetos de código aberto mais populares no Github.
A melhor parte sobre Font Awesome é provavelmente que ele é atualizado regularmente com novos ícones, como você pode ver nos ícones COVID-19 abaixo.
5. Ícones Css.gg
Um conjunto de mais de 700 ícones para desenvolvimento. Muito conveniente de usar, pois oferece diversos formatos de download: .css, .svg, .tsx, .fig, .xd, .json, .xml, tornando o Css.gg a ferramenta perfeita para prototipagem.
6. Ionicons
Ionicons é um bom conjunto de ícones que vêm em três sabores: contorno, preenchido ou nítido. Também inclui um conjunto útil de ícones de logotipo, que podem ser úteis para botões de ícones sociais ou outros usos.