Micon - Une police icône Windows 10 pour les concepteurs Web
le refonte pour Windows 10 est venu avec de nombreuses nouvelles fonctionnalités et un tout nouveau look. L'un des changements les plus importants est survenu dans le style de l'icône, surtout comparé à Windows 7 et XP.
Grace à Ensemble Micon, tu peux maintenant importer des icônes de style Win10 directement sur votre site Web.
Ce pack d'icônes vient comme une police d'icône et son publié gratuitement via GitHub. Le repo principal a les informations de configuration, mais la page d'accueil Micon comporte toutes les icônes sur l'affichage avec leurs noms de classe appropriés.
La structure actuelle du site suit un format similaire à Font Awesome. Vous pouvez parcourir toutes les icônes et cliquez sur l'un d'eux pour obtenir plus de détails sur une nouvelle page.
Par exemple, prenons cette icône de charge de la batterie qui utilise une conception de batterie et une petite prise de charge. Vous aurez un aperçu de l'icône de différentes tailles, de même que sa classe d'icônes CSS, dans ce cas mi-BatteryCharging10
.
Cet ensemble d’icônes fonctionne également un peu comme Font Awesome, où vous pouvez incorporer les icônes directement dans votre code HTML. L’extrait de code correspondant à cette icône de pile fonctionne de la même manière:
C'est super facile de commencer, avec juste une copie de la feuille de style Micon CSS et quelques connaissances de base en développement front-end.
Vérifiez page d'installation pour apprendre plus. Vraiment, il vous suffit de téléchargez une copie du pack Micon depuis GitHub et incluez cette feuille de style (avec les polices d’icônes appropriées) dans votre page. À partir de là, juste référencer les noms de classe comme ci-dessus et vous êtes prêt à partir.
Depuis que ce projet est open-source, vous êtes libre d'utiliser ces icônes avec tout projet, personnel ou commercial. Et vous pouvez même faire votre propre fichier en suivant les instructions de construction du Micon GitHub. De cette façon, vous pouvez Emballez juste les icônes que vous voulez dans les fichiers de polices et réduire la taille totale du fichier.
Globalement, je suis vraiment impressionné par le variété d'icônes et le installation facile. Tu peux trouver plein d'exemples sur le site et même des icônes animées sur la page Exemples qui inclut des extraits de code.
Ces icônes même fonctionne bien avec Bootstrap, afin que vous puissiez combinez-le avec le framework BS3 / BS4 pour de vraies dispositions personnalisées.
Téléchargez un copyright gratuit depuis la page d'accueil de Micon et découvrez comment intégrer ces icônes de style Windows 10 dans votre prochain design..