# Lina Icons
Utilizamos os ícones do Material Design como referência para agilizar nosso processo de construção da nossa família de ícones do Grupo ZAP, porém fazemos ajustes para personalizar o desenho de cada ícone.
# Ajustes
A espessura do traço, o espaçamento e os arredondamentos são de 2px.
As arestas têm arredondamentos de 2px também.
Quando desenhar um novo ícone certifique-se para que o traço e o posicionamento não tenham pixel quebrado, por exemplo 2.2px.
# Uso
# Font-family
É necessário importar o arquivo de estilos e usar a classe lif
nos icones. Os tipos de font disponíveis são woff2
, tff
e svg
.
@import '~@vivareal/lina-icons/dist/font/lif.css';
# SVGs
O uso deve ser sempre no tamanho total de 24px, não podendo ser reduzido ou aumentado seu tamanho na interface.
Adicione 8px de espaçamento quando usar o ícone como apoio de texto.
<i class="lif">nome_do_icone</i> <!-- font --> import { icon } from '@vivareal/lina-icons'