13 icon fonts esthétiques et gratuites pour le web

De nos jours, avoir à disposition de bonnes polices d’icônes est un élément essentiel de tout site web. Elle doit s’adapter au design, y compris dans le cadre d’une conception web...

Publié par Sebastien Turbe

De nos jours, avoir à disposition de bonnes polices d’icônes est un élément essentiel de tout site web. Elle doit s’adapter au design, y compris dans le cadre d’une conception web responsive ; elle doit être facile à superviser, et on doit facilement pouvoir en faire varier la couleur, la taille.

Toutes les propriétés CSS pour le texte sont applicables aux icon fonts, et c’est bien sûr un avantage majeur.

Cet article recense quelques polices d’icônes populaires, d’autres récemment publiées sur le web.

 

Les icon fonts généralistes

Ces packs d’icônes comptent parmi les plus populaires, car ils sont bien souvent la seule ressource dont vous aurez besoin : ces polices couvrent tous les domaines et disposent d’une quantité impressionnante d’icônes.

Font Awesome, la plus populaire

FontAwesome web font icon

Font Awesome est la reine incontestée des polices d’icônes. Dans une même collection, elle offre plusieurs centaines d’icônes différentes. Bien qu’elle ait été conçue à l’origine pour le framework Bootstrap, Font Awesome fonctionne bien avec tous les autres frameworks. L’hébergement du pack d’icônes est le meilleur moyen de l’utiliser, les plans basés sur la solution Cloud ont des limites d’utilisation.

Apprenez à ajouter Font Awesome sur votre site web grâce à notre tutoriel détaillé !

Icofont, la plus complète

Icofont web font icon

Icofont est sans doute la police d’icône la plus fournie que vous pouvez télécharger et utiliser gratuitement. Cette police comprend en effet plus de 2100 icônes réparties dans 30 catégories différentes telles que la monnaie, les logos sociaux, les logos de marque, etc. L’un des avantages de ce pack est qu’il est disponible à la fois au format SVG et comme police.

Elegant Icon, pour les thèmes WordPress Elegant

Elegant Icons web font icon

La police Elegant Icon comprend 360 icônes gratuites couvrant une variété d’utilisations. Toutes les icônes sont entièrement libres d’utilisation. Comme son nom l’indique, la police Elegant Icon vient d’Elegant Themes, les créateurs du célèbre thème pour WordPress Divi.

Fontisto, pour les écrans Retina

Fontisto web font icon

Fontisto est une autre grande police d’icônes gratuite qui présente un ensemble d’icônes modernes et élégantes classées dans plusieurs catégories. Les icônes (entièrement modulables) s’affichent parfaitement sur les écrans Retina. Elle est entièrement gratuite, même pour les projets commerciaux.

Ionicons, l’icon font open-source

 web font icon

Ionicons est un autre ensemble d’icônes présentant cette fois un trait simple et minimaliste. Cette police est spécialement conçue pour la conception d’interfaces utilisateur web et mobiles et elle est compatible avec les plateformes iOS et Android. Elle comporte un total impressionnant de plus de 1000 icônes. Elle est sous licence open-source.

Dripicons, la minimaliste

 Dripicons web font icon

Dripicons est une collection d’icônes présentant également des motifs lisses et minimalistes. Les icônes permettent des mises en page modernes, qui conviennent à la fois aux interfaces utilisateur web et mobiles. Leur utilisation est gratuite même pour les projets commerciaux.

Typicons, la classique

Typicons web font icon

Typicons comprend plus de 330 modèles d’icônes différents, classés dans plusieurs catégories. C’est un ensemble d’icônes légères et simples, qui conviendront à la fois sur le web et sur les interfaces utilisateur des applications natives.

La web fonts sociales

Si vous cherchez à inclure les réseaux sociaux dans un thème, ou un plugin ou que sais-je encore, vous avez peut-être besoin d’une police dédiée uniquement à cette tâche : les polices généralistes ne sont pas toute exhaustives en matière d’icônes pour les réseaux sociaux.

Socialico

Socialico web font icon réseaux sociaux

Socialico est un ensemble de 74 icônes différentes de médias sociaux. Si vous avez besoin d’ajouter une variété de réseaux de médias sociaux à votre thème ou à votre site web, c’est une excellente option.

 

Les font icons spécialisées

Vous avez des besoins plus spécifiques, voici une sélection de polices particulières, répondant à des besoins très précis.

PW Drawn Icon Font, les icônes dessins

icones

La police PW Drawn Icon Font comprend plus de 80 icônes gratuites dans un style très particulier. Elle est définitivement différente des autres packs d’icônes de cette liste, avec un style « crayonné » qui, s’il ne conviendra pas à tous les projets, a le mérite du sortir du lot !

Symbol Signs, la police des symboles et panneaux

icones

Là aussi, cette police n’est pas destinée à tous les projets, mais si vous avez un besoin spécifique, c’est une excellente option. Symbol Signs est en effet une collection des 50 symboles de signalisation les plus couramment utilisés.

Weather Icons, l’icon font météo

icones

Vous cherchez des icônes météo ? Weather Icons comprend un ensemble d’icônes de 32 icônes météo élégantes. Ces icônes sont disponibles dans plusieurs formats notamment AI, SVG, EPS et bien sûr sous forme de police d’écriture. Le design épuré et simple de ces icônes les rend adaptées à tous les types de projets.

150 eCommerce Icons, idéale pour les e-commerce

icones

Il s’agit d’une collection de pack d’icônes présentant un design moderne et minimaliste. 150 eCommerce Icons comprend 150 icônes différentes que vous pouvez utiliser dans différents projets de site de commerce en ligne. Les icônes sont disponibles en version EPS, AI, SVG, ainsi qu’en une police de caractères pour icônes.

Map Icons, l’icon font pour les cartes

Vous avez besoin d’un ensemble d’icônes que vous pourrez utiliser avec l’API Google Map ? Si oui, les Map Icons sont faites pour vous. Très utiles pour afficher des lieux de manière plus esthétique.

 

Des développeurs web freelances peuvent vous aider à implémenter ces polices d’icônes sur votre site web. Publiez votre projet gratuitement sur Codeur.com pour recevoir leur devis rapidement.

5
/
5
(
1

vote

)
Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Webmarketing

Opensource Builders : des alternatives à Slack, Google Analytics ou encore Github

Des versions open source existent pour les outils que vous utilisez au quotidien. L’article Opensource Builders  : des alternatives à Slack, Google...

Publié le par Alexandra Patard
Webmarketing

LinkedIn : comment ajouter un lien sur une story

Découvrez les étapes pas à pas pour ajouter des liens sur vos stories LinkedIn. L’article LinkedIn : comment ajouter un lien sur une story a été publié sur BDM.

Publié le par Appoline Reisacher