Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@animaliads/animalia-icon

Package Overview
Dependencies
Maintainers
0
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@animaliads/animalia-icon

  • 1.0.2
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
0
Created
Source

Biblioteca de Ícones Animalia

NPM

GitHub stars

Instalação 💾

Adicione a biblioteca de ícones Animalia ao seu projeto com o npm:

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.

<!doctype html>
<html>
  <head>
    <link
      rel="stylesheet"
      type="text/css"
      href="https://unpkg.com//@animaliads/animalia-icon@1.0.0/src/regular/style.css"
    />
  </head>
  <body>
    <i class="ph ph-smiley"></i>
  </body>
</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 .ph em vez de .ph-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:

.ph-xxs {
  font-size: 0.5em;
}
.ph-xs {
  font-size: 0.75em;
}
.ph-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.

Keywords

FAQs

Package last updated on 19 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc