Ícones de penas - um conjunto de ícones bonitos, minimalistas e grátis
Se você pesquisar pela web, encontrará toneladas de conjuntos de ícones gratuitos feitos sob medida para a web. Esses são incrivelmente útil para todos os tipos de sites porque os gráficos sempre enfeitam um layout.
É muito difícil encontrar conjuntos de ícones gratuitos que correspondam ao seu design. Normalmente, sua melhor opção é um conjunto de ícones minimalista como Feather.
Este novo conjunto é cheio de ícones de linha com um design limpo. Os ícones parecem mais com ícones de interface, mas também podem funcionar como ícones de tipo de recurso em sua página inicial.
De qualquer maneira, eles são todos código aberto e totalmente livre para usar em qualquer site.
Você não precisa de muito conhecimento de codificação front-end para fazer isso funcionar. sim você precisará passar algum tempo no código, mas você não deve se esforçar para fazer isso funcionar.
Se você não usou fontes de ícones na Web, o Feather é um ótimo lugar para começar.
Confira seu guia de novatos se você não tiver certeza do que fazer. Ele orientará você em tudo para que seu site funcione com esses ícones.
Você precisa chamar um arquivo JS externo, algo que não é muito comum entre outros conjuntos de ícones. Mas se você não quiser usar os webfonts, então basta baixar os vetores SVG e incorporar os.
Na verdade, a equipe até criou um pequeno modelo CodePen que você pode copiar / colar em seu código. Isso é perfeito para aprender os códigos básicos e redesenhar para o seu site sem começar do zero.
Mas se você é grande em codificar, confira a pequena referência de API na sua página do GitHub. Isso permite controlar estilos de ícones e alterar formatos de vetor com algumas linhas de JavaScript.
Tenha em mente isso conjunto de ícones pode não caber em todos os sites. É importante examinar os ícones do Feather e decidir por si mesmo se esses designs minimalistas podem funcionar para você.
Dê uma olhada na sua página inicial para ver sua coleção inteira. Você encontrará um link para a documentação principal do GitHub com todas as etapas necessárias para que isso aconteça.
E se você tiver alguma dúvida ou sugestão para o autor você pode atirar nele um tweet @colebemis.