10 icônes de polices utiles et gratuites que vous devriez mettre en signet
Alors que de plus en plus de périphériques adoptent des écrans haute définition, les icônes de polices deviennent le choix le plus populaire. Il est redimensionnable sans compromettre la qualité et personnalisable via CSS. Nous pouvons facilement changer la couleur, la taille et même animer des icônes de police avec CSS3. En plus c'est indépendant de la résolution ce qui le fait paraître net sur n'importe quelle densité d'écran.
FontAwesome est de loin l'une des sources de polices les plus populaires, avec une énorme collection d'icônes. Mais il est fortement inutile de télécharger toute la collection lorsque vous devez en utiliser quelques-uns. Voici 10 sources alternatives d'icônes de polices bien conçues J'espère que vous trouverez parfois utile de créer vos prochains sites Web et applications à la place de FontAwesome.
StackIcons
Les StackIcons sont des icônes de police pour plus de 60 marques sociales modernes. Il est livré avec CSS, vous permettant de styler votre police dans de nombreuses formes de conteneur. Vous pouvez obtenir les icônes de votre marque sociale dans des cercles, des carrés ou des bords arrondis. Vous pouvez également colorier les icônes de plusieurs couleurs, ce qui vous donne des couleurs de marque plus réalistes..
Licence: SIL Open Font et MIT
Twemoji Génial
Twemoji est un projet d'émoticône open source de Twitter. Elle Kasai l'a porté sur une icône de police appelée Twemoji Génial. Tous les noms de classe pour lesquels les icônes sont affichées sont identiques à ceux de Twemoji Cheat Sheet, mais vous devez utiliser un tiret au lieu d’un trait de soulignement, c’est tout. Voici un exemple de la façon dont nous ajoutons le hachure_chick
icône:
Licence: MIT et CC-BY pour les graphiques Emoticon
Font Diao
Font Diao est une collection d'icônes de polices de sites Web populaires ou de sociétés basées en Chine, telles qu'Alibaba, Alipay, WeChat, Xiaomi et Weibo. La police de caractères peut s'avérer utile lorsque vous construisez des sites Web conçus pour le public de la Chine continentale et qui sont probablement familiarisés avec cette police de caractères particulière..
Licence: Licence publique
Socialicious
Socialicious est une police exclusivement conçue pour les sites Web sociaux populaires tels que Facebook, Twitter et Instagram. La police est conçue pour fonctionner correctement avec Bootstrap. Voici un exemple de code pour construire un bouton avec Bootstrap .btn
classe en conjonction avec des classes de polices.
Connectez-vous avec Linkedin
Licence: Licence MIT.
Octicons
Octicons est un ensemble d'icônes de polices présentées par GitHub, vous permettant d'utiliser la même icône que celle utilisée par GitHub dans votre projet. Plus de 170 icônes sont prêtes à être appliquées sur votre prochain projet..
Police de paiement
Si vous utilisez une passerelle de paiement, vous voudrez peut-être récupérer ces icônes de police. Le paquet contient 95 icônes de sommeil qui sont des méthodes de paiement populaires ou des passerelles telles que Visa, American Express et plus.
Licence: SIL OFL 1.1
Icônes Android
C’est le jeu d’icônes créé par Opoloo, auparavant appelé communauté Android. Il comprend 250 icônes impressionnantes dans 5 tailles et 14 couleurs d'icônes Android natives.
Licence: Attribution-ShareAlike 4.0 International
DevIcons
DevIcons est un ensemble d'icônes de polices fabriquées à la main par Theodore Vorillas. Il contient 85 symboles et logos d’applications de développement connues, telles que l’icône GitHub, l’icône Gulp, l’icône Angular et bien d’autres.
Licence: MIT
Ouvrez Iconic
Open Icon contient 223 icônes prêtes à être utilisées avec bootstrap, un framework ou votre propre feuille de style. La taille de la police est petite, seulement 12,4 Ko, ce qui représente environ le quart de ce que vous pouvez trouver dans FontAwesome. La chose intéressante ici est, ces icônes peuvent être réduites à 8px.
Licence: SIL.
Matériau Design Iconic Font
Ce pack contient 15 catégories d'icônes de polices inspirées de Google Material Design. Pour les utiliser, installez simplement Material-Design-Iconic-Font.ttf, puis utilisez cette feuille de recherche. Copier coller les icônes (pas le unicode) dans votre projet. Vous pouvez agrandir les icônes, lui donner des bordures, les faire tourner, les faire pivoter ou les retourner avec CSS.
Licence: Attribution-ShareAlike 4.0 International
À lire: 50 polices gratuites de symboles pour les concepteurs Web