@berdsk/icons

Coleção de ícones como componentes React (CJS/ESM), otimizada para tree-shaking.

Instalação

npm install @berdsk/icons

Como usar

A biblioteca utiliza Named Imports para garantir o menor tamanho de bundle possível. Cada ícone é um componente React independente.

Padrão de Nomenclatura

Os ícones seguem o padrão {Nome}{Pack}:

• GithubBrands
• AirbnbBrands
• HouseSolid (em breve)
• HouseThin (em breve)

Ícones que começam com números são prefixados com _:

• _42GroupBrands

Exemplo de Uso

import { GithubBrands, AirbnbBrands } from "@berdsk/icons";

export function MyComponent() {
  return (
    <div>
      {/* Alterando tamanho via width/height e cor via style (color) */}
      <GithubBrands width={32} height={32} style={{ color: 'black' }} />
      
      {/* O ícone herda a cor do texto do pai por padrão (currentColor) */}
      <div style={{ color: '#ff5a5f' }}>
        <AirbnbBrands width={24} height={24} />
      </div>
    </div>
  );
}

Customização

Como os ícones são componentes React que retornam um elemento svg, você pode passar qualquer propriedade padrão de um SVG:

• width / height (padrão: 1em)
• style
• className
• onClick
• aria-label

Packs Disponíveis

Atualmente, a biblioteca conta com o pack:

• Brands: Ícones de marcas e empresas.

Licença MIT.