Para realizar a criação de font utilizei o site Fontello, mas também existem outros sites como alternativa.
Salve todas as imagens que deseja como ícone no formato SVG e arraste na seção "Custom Icons".
Resultado com todos os ícones importados e selecionados.
Na aba "Customize Names" é possível ver todos os ícones importado e verificar o nome de cada um, é importante lembrar que não são suportados caractéres especiais, além disso, podemos definir o nome da fonte.
Após isso, é necessário fazer o dowload da font, extrair a pasta e importar no projeto a pasta CSS e fonts.
No projeto é preciso importar o css gerado.
Agora só usar seus ícones passando eles como classe onde desejar.
Por fim, também é possível criar classes globais auxiliares para configurar o tamanho dos ícones utilizando a propriedade font-size.
Top comments (0)