AfrikIcons 🌍

Un système d'icônes multi-framework (React, React Native, Vue 3) célébrant les symboles et la culture africaine (Adinkra, etc.).

🚀 Installation

npm install afrikicons

Note pour React Native : Ce package nécessite l'installation préalable de react-native-svg dans votre projet.

🛠️ Utilisation

React Native

import { AdinkraIcon } from 'afrikicons/react-native';

<AdinkraIcon name="sankofa" size={32} color="#E74C3C" />

React (Web)

import { AdinkraIcon } from 'afrikicons/react';

<AdinkraIcon name="sankofa" size={24} color="gold" />

Vue 3

<script setup>
import { AdinkraIcon } from 'afrikicons/vue';
</script>

<template>
  <AdinkraIcon name="sankofa" :size="40" color="#2ECC71" />
</template>

📚 Signification Culturelle

Chaque icône embarque ses métadonnées. Vous pouvez importer le registre pour afficher la signification des symboles dans vos applications :

import { AFRIK_ICONS_REGISTRY } from 'afrikicons';

console.log(AFRIK_ICONS_REGISTRY['sankofa'].metadata.meaning);
// "Return and get it; learning from the past"

📄 Licence

MIT

---