celula-tech-icons

Biblioteca de ícones em SVG pronta para React, escrita em TypeScript e distribuída para consumo via npm.

Instalação

npm install celula-tech-icons
# ou
yarn add celula-tech-icons

Uso

import { Icon } from 'celula-tech-icons';

export function FileType() {
  return (
    <Icon
      icon="png"
      size={48}
      color="#8b5cf6"
      aria-label="Arquivo PNG"
    />
  );
}

Props principais

• icon: nome do ícone disponível (ex.: "pdf", "png", "docx").
• size: define width e height simultaneamente (number em px ou string).
• color: força todas as cores do SVG para o valor informado (usa currentColor internamente).
• Demais props padrão de SVGSVGElement também são aceitos (className, style, onClick, etc.).

Desenvolvimento

• npm run generate: converte os arquivos da pasta svg/ para src/icons.ts.
• npm run build: limpa dist/, regenera os ícones e roda o tsup.

Publicação

1. Ajuste a versão em package.json.
2. Garanta que npm run build gerou dist/.
3. Execute npm publish --access public (se for o primeiro lançamento).

Licença

Licenciado sob MIT. Veja LICENSE para mais detalhes.