icones-contmatic v0.0.14
Pacote de Ícones Contmatic
Para dar mais independência para os componentes e facilitar a manutenção de cada parte do projeto, os ícones devem ser utilizados a partir do gerenciador de pacotes NPM. Na sua primeira versão, o pacote já pode utilizado a partir do seguinte comando:
npm install icones-contmatic
Separando os ícones em um pacote gera diversas vantagens como:
• Melhora na performance do site evitando inserir imagens no html;
• Entrega maior qualidade dos ícones devido ao formato SVG;
• Facilita as trocas de estado do ícone de outline para default;
• Facilita a manutenção, pois será um único local para atualização mesmo que outros sistemas utilizem o pacote.
Como utilizar
É simples, se você já utilizou serviços como o FontAwesome verá que é bem parecido, basta consultar o nome do ícone designado e utilizar a tag html .
Digamos que eu queira utilizar o ícone “icon-menu”
<i class=“icon-menu-more”> </i>
No momento que o browser atualizar a página você irá visualizar o ícone renderizado no formato SVG, podendo alterar o tamanho e cor utilizando os atributos CSS necessários para replicar o design feito.