Les polices d'icônes sont incroyablement utiles lors de la conception d'un site et présentent un grand nombre d'avantages par rapport aux icônes classiques.
Parce qu'elles sont livrées en tant que fichier de police et intégrées comme une police, ces icônes sont facilement évolutives, leur couleur peut être modifiée en direct plutôt que de devoir modifier des images; De plus, divers effets peuvent être ajoutés via le codage, tels que les ombres, les effets de trait ou les dégradés, ce qui les rend beaucoup plus polyvalents que les images.
Ici, nous allons rassembler quelques-unes des meilleures polices d’icônes que le World Wide Web a à offrir, que vous pouvez utiliser sur vos sites.
Fico est une police fantastique, présentée sur un beau site, ce qui en fait un plaisir à télécharger et à utiliser. Le site indique clairement quelle lettre ou quel glyphe est utilisé pour chaque icône, ce qui supprime le processus parfois difficile de téléchargement d’une police d’icône pour constater que vous ne savez pas où trouver chaque icône sur votre clavier et passer un temps précieux à parcourir chaque touche. Ces icônes sont fantastiques en association avec Helvetica, les lignes épurées et fonctionnant de manière thématique créent le sentiment que Fico a été conçu pour les polices sans empattement. D'autres exemples peuvent être vus sur leur site.
Pixélisé est une police qui, malgré son charme, a une utilisation pratique. Pixelated est extrêmement léger, la taille des fichiers d'icône est en moyenne d'environ 60 octets! Pas de mégaoctets, ni même de kilo-octets, octets! Vous pouvez également les télécharger en tant que GIF transparents, donc compatibles avec IE6, et si vous souhaitez les modifier, vous pouvez télécharger un fichier PSD. La police est fournie avec deux schémas de couleurs, illustrés ci-dessous, ce qui simplifie leur utilisation. Il est entièrement gratuit et est disponible pour un usage commercial!
Étonnamment pour une police avec plus de 100 icônes, Entypo est entièrement gratuit, et comme Pixelated, est disponible pour un usage commercial. Il peut être téléchargé en tant que fichier vectoriel pour être édité avec le fichier de police OpenType. Cette police rappelle beaucoup les icônes de l'interface Apple, utilisées dans iOS5 et OSX10, et comme une belle touche, 50% des dons effectués sur le site de la police sont donnés à Wikipedia.
Outre le nom plutôt spirituel, Uicons offrir 391 icônes dans leur ensemble et inclure des icônes spécifiques aux réseaux sociaux qui manquent souvent dans les polices d'icônes. Il n'est pas surprenant que cet ensemble ne soit pas gratuit, mais pour un prix relativement bas de 20 $, toutes les mises à jour ultérieures de la police sont gratuites. Ces icônes sont conçues pour être évolutives à l'infini, ce qui facilite grandement la conception adaptative, des écrans de bureau 1080p aux appareils mobiles tels que l'iPhone. Il peut être téléchargé dans plusieurs formats, mais pas en tant que police actuellement, il est inclus dans cette liste car le support est en attente, et il mérite une place ici.
Iconique est un jeu d'icônes open source composé de 171 icônes dans divers formats, y compris en tant que police. Il est conçu pour être évolutif », se veut l’icône la plus avant-gardiste basée sur la prise en charge de méthodes d’affichage et de déploiement faisant face à l’avenir. Les icônes ne doivent pas seulement être claires et attrayantes, elles doivent être faciles à utiliser et flexibles ». La nature open source de cette police signifie qu’elle a été ajoutée par nécessité lorsque des icônes étaient nécessaires, plutôt que d’être planifiée dès le départ, ce qui a donné lieu à l’inclusion dans l’ensemble de certaines icônes plutôt intéressantes.
Ce est une adaptation d'une autre police, Bitcons , un ensemble de 120 icônes dans 10 couleurs et tailles différentes. Sanscons vise à rendre les Bitcons plus conviviaux pour les CSS, avec des arrière-plans transparents et 13 couleurs. Les icônes sont également disponibles en 16 × 16, 32 × 32 et 64 × 64 pixels, ainsi que recadrées. Les icônes 32 × 32 et 64 × 64 ont un aspect plus trapu, maintenant le style de pixel. L'ensemble est gratuit sous la licence creative commons.
Heydings est une police créée à partir du «déficit frustrant de polices Web d'icônes gratuites de haute qualité disponibles pour l'intégration», dans les mots des créateurs. Il contient 60 glyphes et le site Web propose même des CSS pour faciliter le codage avec la police. L'auteur a également cartographié les icônes par ordre alphabétique pour plus de facilité d'utilisation. Celles-ci sont conçues pour être utilisées dans le cadre de l'interface utilisateur principale de votre site. Les glyphes couvrent un large éventail de sites différents.
Ce jeu d’icônes est accompagné d’un vaste site Web couvrant tous les aspects de Juste un vecteur , de la façon dont il est rendu dans le navigateur à ce qu'il serait sur un site formaté, dans différentes tailles, ainsi que du code pour rendre @ fontface'ing plus facile. Il comprend même un guide de dépannage pratique qui s’applique à toutes les polices Web, couvrant le chargement dans différents navigateurs, y compris les navigateurs mobiles. Le site Web démontre l'évolutivité de la police, affichant des tailles beaucoup plus grandes que ce que beaucoup de polices d'icônes prennent en charge.
Flexi est disponible sur myfonts.com, qui offre facilement une page montrant le rendu de la police sur plusieurs navigateurs. La police contient 68 glyphes, coûte 29 dollars et Webfont offre des options OpenType OTF et TrueType pour la polyvalence.
Writesocial n'a que les 18 icônes montrées ci-dessous, cependant les 10 $ sont justifiés dans les variations dans lesquelles ils peuvent venir, avec des options telles que des icônes carrées ou des icônes de cercle. Il est livré avec un format de type ouvert, ainsi que des licences d'utilisation avec @ font-face. À l'achat, vous disposez d'un fichier HTML contenant plusieurs exemples d'utilisation de la police @ font-face. En plus de cela, vous pouvez choisir de payer 15 $ pour la police, au lieu des 10 $ standard, où 10 $ sur 15 $ vont à Charity: Water.
Ikoo est une police spécialement développée pour être intégrée dans une page HTML sans utiliser d'images via @FontFace ou d'autres moyens. Il se concentre sur la navigation sur le site et propose un certain nombre d’icônes très propres dans les variantes blanches et noires, avec 65 icônes gratuites au total.
Cela vous donne deux ensembles pour le prix d'un, seulement 29 $ pour 190 caractères, InfoBits possède deux polices d’icônes distinctes, présentées ci-dessous, qui sont également disponibles individuellement pour 19 $ chacune. Les personnages ont un style ludique, mais traditionnel, avec une vaste gamme d'utilisations et d'options, et sont extrêmement polyvalents pour la navigation sur site et d'autres utilisations périphériques.
Pictos est un jeu d'icônes disponible dans un nombre impressionnant de formats, et le site est doté d'un classeur intégré pour personnaliser votre propre police Pictos. Il contient 650 icônes et est considéré comme suffisamment bon pour être utilisé sur tout le Web par des sites tels que Microsoft, Adobe et BitTorrent. Grâce à la fonctionnalité de police personnalisée, elle est utilisée directement par les serveurs Pictos et nécessite donc un abonnement évolutif après un essai gratuit de 10 jours. C'est une police incroyablement attrayante, et il est facile de voir pourquoi elle est utilisée par tant de sites Web réputés.
Ce Police de caractère est conçu pour être utilisé avec le framework CSS Bootstrap de Twitter, y compris 220 icônes, donnant des exemples des icônes utilisées dans l'interface Bootstrap sur leur site. Ils sont également donnés en tant qu'icônes vectorielles pour faciliter l'édition, et la nouvelle version 2.0 prend en charge IE7, pour une compatibilité maximale.
Que trouvez-vous l'icône la plus utile, un panier, une icône Twitter? Avons-nous manqué l'un de vos sets préférés? Faites le nous savoir dans les commentaires.