jrmessias
jrmessias Just a guy making something(s)
Tempo de leitura: 1 min

Fontes de ícones

Photo by Harpal Singh on Unsplash

Complementando o Bootstrap, fontes de ícones para seu layout.

Muitas vezes no desenvolvimento de sites utilizamos ícones para melhorar a utilização do site, indicar categorias, formas de pagamento, etc... e geralmente pensa-se em utilizar imagens em sprites, ainda trocando ícone ou cor com efeito :hover do mouse. Mas para funcionar bem teríamos que criar várias classes para adaptação em um site responsivo ou editar as os sprites quando houvesse mudança, como adição de forma de pagamento ou categoria.

Então, surgiu a propriedade @font-face no CSS e alguém teve a idéia de criar fontes de ícones (pacotes de ícones) para utilização na web, ou até mesmo no seu editor gráfico preferido e SO.</b>

Hoje, geralmente cada Bootstrap () possui seu pacote de ícones, porém também há vários outros disponíveis na internet, abaixo há uma relação de alguns dos pacotes de ícones que mais utilizo no desenvolvimento de sites.

E ainda, um site que uso e recomendo, para criação do seu pacote de ícones.

Nome Ícones Cheet Sheat
Devicons 191
Elusive Icons 304
Font Awesome 605
Font Awesome Actions 3075
Foundatoin Icons 3 283
Material Design - Icons 900+
PaymentFont 95
Technology Icons +-111
Wheater Icons 222

O site que recomendo para criação do seu pacote de ícones, é o Fontastic, é fácil de usar e até intuitivo, clique aqui para ver um tutorial.

Dependendo do ícone que irá criar será necessário utilizar um editor gráfico, como CorelDRAW ou Illustrator. Se utilizar ícones baixados de outros sites, verifique a licença de cada.

Valeu! :thumbsup:

comments powered by Disqus