Cette collection a été créée suivant les principes de design, Google Material et IBM Carbon. Notre objectif principal était de garder une certaine consistance à travers toute la collection et de s'assurer que chaque icône soit du même poids visuellement.
Disponible pour ces frameworks 👉 React, Vue and Svelte
Installer avec npm
npm i -D @klarr-agency/circum-icons-react
npm i -D @klarr-agency/circum-icons-vue
npm i -D @klarr-agency/circum-icons-svelte
// Ajouter l'une des lignes suivante selon votre framework
import CircumIcon from "@klarr-agency/circum-icons-react"; // React
import CircumIcon from "@klarr-agency/circum-icons-vue"; // Vue
import CircumIcon from "@klarr-agency/circum-icons-svelte"; // Svelte
<CircumIcon name="calendar"/>
// Vous pouvez changer la couleur et la taille
<CircumIcon name="calendar" color="#000" size="48px">
Vous pouvez créer une liste "array" directement sur notre site web. Vous n'avez pas besoin de naviguer entre le site et votre editeur de texte pour copier les noms d'icône que vous avez besoin.
Dans l'exemple ci-dessous vous pouvez voir comment construire un menu vertical. 🏗👇
array-builder.mp4
Maintenant vous pouvez sauvez encore plus de temps en ajoutant de nouvelles propriétés dans votre liste "Array".
Cette option est uniquement disponible en mode objet.
😉😎🤓
Vous pouvez voir la liste complète des icônes sur notre site circumicons.com
- Property manager (Possibility to add new properties in the Array Builder) 🏗
- Ajouter des nouveaux termes pour facilité la recherche 🔎
- Télécharger les icônes de la couleur de votre choix 🎨
- Redimensionner le choix d'icônes 🚀
- Ajouter des options au presse-papier à la sélection simple (Component tag vs SVG).📌
- Accès premium // Ajouter les mêmes fonctionnalités pour la version payante 💸