Gratuit294 icônes, 4 styles, licence MIT
Une grille de 24 px, quatre styles, un fichier par icône. Pour Fraza, React et Next.js.
Essayez
$npm i @fraza/icons
Parcourir les icônesQuatre styles, un même dessin.
Plein ou trait, arrondi ou anguleux. Chaque icône existe dans les quatre styles, avec la même silhouette : on change de style sans changer de repères.
Les styles défilent. Cliquez-en un pour l’arrêter.
BellIconsolid-rounded
Rangées par usage.
20 catégories, de l’interface à la communication. Chacune s’ouvre directement dans la page Icônes.
- Communication124 icônes
- Commerce et paiement64 icônes
- Interface et actions23 icônes
- Fichiers et dossiers23 icônes
- Texte et édition15 icônes
- Flèches et navigation7 icônes
- Mise en page et alignement6 icônes
- Calendrier et temps5 icônes
- Alertes et état3 icônes
- Utilisateurs3 icônes
- Appareils et matériel3 icônes
- Code et développement3 icônes
- Business et bureau3 icônes
- Météo et nature3 icônes
- Médias2 icônes
- Paramètres et outils2 icônes
- Éducation et science2 icônes
- Gestes et curseurs1 icône
- Notifications1 icône
- Données et graphiques1 icône
Points forts
Une icône, un fichier
Chaque icône s’importe seule. Votre bundle ne contient que celles que vous utilisez.
import { BellIcon } from '@fraza/icons/BellIcon'La couleur du texte
Tout est en currentColor. Taille et couleur se règlent en CSS, comme pour une lettre.
<BellIcon className="size-5 text-accent" />Typée, sans dépendance
Seul React est requis. Les types TypeScript sont livrés avec chaque icône.
import type { FrazaIcon } from '@fraza/icons/types'