# **Biblioteca de Ícones Animalia**
[](https://www.npmjs.com/package/animalia-icon)
[](https://github.com/animalia-icon/web)
## **Instalação 💾**
Adicione a biblioteca de ícones Animalia ao seu projeto com o npm:
```bash
npm i @animaliads/animalia-icon
```
## **Uso 🚀**
Nossos ícones funcionam como fontes da web, facilitando a inserção em seu site. Basta adicionar um arquivo ao seu documento e usar tags simples para exibir ícones nítidos e escaláveis em vários estilos.
```html
```
> _Nota: Você pode importar quantos pesos forem necessários. Apenas os pesos importados corresponderão e serão renderizados como ícones._
## Pesos ✨
Os ícones Animalia vêm em 2 pesos: regular e preenchido. Para usar um peso, você deve incluir um link para sua folha de estilo e usar a classe de peso apropriada no ícone (o peso regular usa `.an` em vez de `.an-regular`):
## Estilização 🎨
Ícones Animalia são essencialmente texto, então você pode estilizá-los com CSS como qualquer fonte. Personalize o font-size, color e muito mais para combinar com seu design.
Precisa de opções rápidas de dimensionamento? Temos tudo o que você precisa com estas classes auxiliares:
```css
.an-xxs {
font-size: 0.5em;
}
.an-xs {
font-size: 0.75em;
}
.an-sm {
font-size: 0.875em;
}
/* ...e mais! */
```
> Evite sobrescrever font-family, font-style, font-weight, font-variant ou text-transform. Fazer isso pode quebrar os ícones e exibir caracteres incorretos.
[](https://www.npmjs.com/package/animalia-icon)
[](https://github.com/animalia-icon/web)
## **Instalação 💾**
Adicione a biblioteca de ícones Animalia ao seu projeto com o npm:
```bash
npm i @animaliads/animalia-icon
```
## **Uso 🚀**
Nossos ícones funcionam como fontes da web, facilitando a inserção em seu site. Basta adicionar um arquivo ao seu documento e usar tags simples para exibir ícones nítidos e escaláveis em vários estilos.
```html
```
> _Nota: Você pode importar quantos pesos forem necessários. Apenas os pesos importados corresponderão e serão renderizados como ícones._
## Pesos ✨
Os ícones Animalia vêm em 2 pesos: regular e preenchido. Para usar um peso, você deve incluir um link para sua folha de estilo e usar a classe de peso apropriada no ícone (o peso regular usa `.an` em vez de `.an-regular`):
## Estilização 🎨
Ícones Animalia são essencialmente texto, então você pode estilizá-los com CSS como qualquer fonte. Personalize o font-size, color e muito mais para combinar com seu design.
Precisa de opções rápidas de dimensionamento? Temos tudo o que você precisa com estas classes auxiliares:
```css
.an-xxs {
font-size: 0.5em;
}
.an-xs {
font-size: 0.75em;
}
.an-sm {
font-size: 0.875em;
}
/* ...e mais! */
```
> Evite sobrescrever font-family, font-style, font-weight, font-variant ou text-transform. Fazer isso pode quebrar os ícones e exibir caracteres incorretos.