Poli Icons

Biblioteca de ícones híbrida para React (Web) e React Native (Mobile).

Instalação

Para projetos Web (React)

npm install poli-icons

Para projetos Mobile (React Native)

npm install poli-icons react-native-svg

Uso em Projetos Web (React)

Importação Recomendada

// Importe diretamente do pacote
import { WebIcon } from 'poli-icons';
// ou
import { AlertIcon } from 'poli-icons';

Método 1: Usando o componente WebIcon

import { WebIcon } from 'poli-icons';

function MyComponent() {
  return (
    <div>
      <WebIcon name="alert" size={24} color="#FF0000" />
      <WebIcon name="heart" size={32} color="#000000" />
    </div>
  );
}

Método 2: Usando ícones individuais

import { AlertIcon, HeartIcon } from 'poli-icons';

function MyComponent() {
  return (
    <div>
      <AlertIcon size={24} color="#FF0000" />
      <HeartIcon size={32} color="#000000" />
    </div>
  );
}

Uso em Projetos Mobile (React Native)

// Importe diretamente do pacote
import { Icon } from 'poli-icons';

function MyComponent() {
  return (
    <View>
      <Icon name="alert" size={24} color="#FF0000" />
      <Icon name="heart" size={32} color="#000000" />
    </View>
  );
}

Props Disponíveis

WebIcon (Web)

• name: Nome do ícone (string)
• size: Tamanho do ícone em pixels (number, padrão: 24)
• color: Cor do ícone (string, padrão: 'currentColor')
• style: Estilos CSS adicionais (object)

Icon (Mobile)

• name: Nome do ícone (string)
• size: Tamanho do ícone em pixels (number, padrão: 24)
• color: Cor do ícone (string, padrão: '#1A1A1A')
• style: Estilos adicionais (object)

Lista de Ícones Disponíveis

• alert
• arrow-bottom-right
• bag
• heart
• upload
• ... (e muitos mais)

Desenvolvimento

1. Clone o repositório
2. Instale as dependências: npm install
3. Execute o build: npm run build

Adicionando Novos Ícones

1. Adicione os arquivos SVG na pasta src/icons/svgs
2. Execute npm run generate-components para gerar os componentes
3. Execute npm run build para atualizar o pacote