# Librairie d'icônes SVG DOING AI Ce projet fournit une collection d'icônes SVG personnalisées pour une utilisation dans vos applications. Vous pouvez facilement installer la librairie et intégrer les icônes dans vos projets. ## Installation ### Installation via npm Pour installer la librairie dans votre projet, exécutez la commande suivante : ```bash npm i @doing-ai/doing-ai-icons ``` ### Installation via pnpm Pour installer la librairie dans votre projet en utilisant pnpm, exécutez la commande suivante : ```bash pnpm add @doing-ai/doing-ai-icons ``` ## Utilisation ### Utilisation avec React Pour utiliser les icônes dans un projet React, importez simplement l'icône souhaitée et utilisez-la dans votre composant : ```jsx import { IconName } from '@doing-ai/doing-ai-icons'; const MyComponent = () => (

); ``` ### Utilisation avec Vue Pour utiliser les icônes dans un projet Vue, importez l'icône souhaitée et enregistrez-la en tant que composant : ```vue ``` ### Utilisation avec Angular Pour utiliser les icônes dans un projet Angular, importez l'icône souhaitée et ajoutez-la à votre module : ```typescript import { IconName } from '@doing-ai/doing-ai-icons'; @Component({ selector: 'app-example', template: `

` }) export class ExampleComponent { iconName = IconName; } ``` ### Utilisation recommandée Il est recommandé de créer un composant personnalisé pour afficher les icônes, ce qui permet de les utiliser de manière plus flexible dans votre application. Voici un exemple de composant personnalisé pour afficher une icône sous react: ```tsx import { IconName } from '@doing-ai/doing-ai-icons'; export const IconComponent = (icon, size = 20) => { return

; } ``` ## Icones Disponibles Voici une liste de tous les icones disponibles dans la librairie : | Icon Name | Preview | |-----------|---------| | Button |