React Material Icon System

Composant React simple permettant d'utiliser les variantes de Google Material Icons avec une API unique.

Installation

npm install react-material-icon-system

Utilisation

import { Icon } from "react-material-icon-system";
import "react-material-icon-system/style.css";

function App() {
    return <Icon name="home" />;
}

Exemple simple

<Icon name="home" />

Résultat : icône Home.

Props

| Prop | Type | Défaut | Description | | --------- | --------------- | -------- | --------------------------- | | name | string | requis | Nom de l'icône Material | | styleType | string | outlined | Style de l'icône | | size | number | string | inherit | Taille de l'icône | | color | string | inherit | Couleur CSS | | className | string | "" | Classes CSS supplémentaires |

Styles disponibles

| Valeur | | -------- | | filled | | outlined | | round | | sharp | | two-tone |

Exemple complet

<Icon
    name="shopping_cart" // Nom de l'icone
    styleType="round"    // Style de l'icone
    size={32}            // Taille de l'icone
    color="#2196f3"    //  Couleur de l'icone
    className="apps"     //  Classes CSS Supplémentaires
/>

Trouver des icônes

Les noms des icônes sont disponibles sur :

https://fonts.google.com/icons

Exemples :

• home
• search
• shopping_cart
• favorite
• person
• settings
• delete
• edit

Licence

MIT