unicons

Oucons

1000+ icônes vectorielles parfaites et iconfont pour votre prochain projet. Ces icônes sont conçues par iConsCout.

Commencer

En utilisant comme police

Il est facile d'utiliser des monoches sur votre site Web en insérant simplement le CSS suivant. Vous pouvez également télécharger ce dépôt et utiliser le dossier CSS à partir du dossier css .

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

Et utilisez les icônes de votre body comme ci-dessous.

 < i class =" uil uil-comments " > </ i >

En utilisant le package NPM

Vous pouvez facilement installer des unicons à l'aide de NPM.

npm install --save @iconscout/unicons

En utilisant comme SVG

Si vous êtes concepteur, il est toujours génial d'avoir des fichiers SVG. Vous pouvez télécharger des SVG sur le site officiel des Unicons ou télécharger iConDROP pour accéder à ces icônes directement dans Sketch, Adobe XD, Adobe Illustrator et bien d'autres.

Utilisation dans Flutter Framework

Il y a un package Flutter créé par Pedro Lemos, Avaliable dans Pub.dev, qui peut être facilement utilisé dans votre projet.

Ajoutez simplement la dépendance dans votre fichier pubspec.yaml comme suit:

 dependencies :
  unicons : ^1.0.0+2

Ensuite, exécutez la commande ci-dessus:

flutter pub get

Alternativement, votre éditeur pourrait prendre en charge flutter pub get . Consultez les documents de votre éditeur pour en savoir plus.

Maintenant, dans votre code de fléchette, importez le package:

 import 'package:unicons/unicons.dart' ;

Utiliser avec JS Frameworks

Nous avons créé des composants pour les bibliothèques populaires comme React, Vuejs, React Native. Vous pouvez vous diriger vers le dépôt officiel de Github pour en savoir plus.

Style de ligne

• Pour React: https://github.com/iconscout/react-unicons
• Pour Vuejs: https://github.com/iconscout/vue-unicons
• Pour React Native: https://github.com/iconscout/react-native-unicons

Style solide

• Pour React: https://github.com/iconscout/react-unicons-solid
• Pour Vuejs: https://github.com/iconscout/vue-unicons-solid

Style monochrome

• Pour React: https://github.com/iconscout/react-unicons-monochrome

Plus de façons (la communauté soutenue)

• Vue-Unicons par Anton Reshetov

Feuille de route

• Faire des composants réagis
• Ajout d'icônes de marque
• Conception de style solide
• Conception de style mince
• Prise en charge des animations CSS
• Faites SVG Sprite dans lequel l'utilisateur peut contrôler différents attributs tels que la course, le remplissage, la largeur, la hauteur et plus encore.

Contributif

Nous serons heureux d'avoir un soutien communautaire aux Unicons. N'hésitez pas à se nourrir et à créer des demandes de traction. Nous avons donné une petite feuille de route ci-dessus afin que vous puissiez nous aider à construire ces fonctionnalités.

Demandes d'icônes

Nous avons créé un fil dans la communauté IConsCout où vous pouvez demander de nouvelles icônes. Et nous serons heureux de les concevoir dans les semaines à venir.

Licence

Les Unicons sont des icônes open source et sous licence IConsCout Simple. Vous êtes libre d'utiliser ces icônes dans votre projet personnel et commercial. Nous aimerions voir l'attribution de votre application sur l'écran, mais ce n'est pas obligatoire.

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >