.design .design

22 Icon Fonts gratuites – La grosse liste

Voici une sélection de 22 icon fonts gratuites qui se marieront à merveille avec vos prochaines interfaces graphiques.

.design
.design

Accédez prochainement à des polices plus récentes en consultant la collection de fonts du Magazine du Webdesign.

Elles couvrent une majorité des besoins en icônes, elles sont esthétiques, avantageuses face à l’utilisation d’images mais bien trop souvent cachées au fin fond du tréfonds des Internets. C’est pourquoi je vous propose cette liste afin de les regrouper sur une unique adresse que je ne manquerai pas d’actualiser dans les semaines à venir.  A bookmarker, evernoter et tweeter.

Qu’est-ce qu’une icon font ?

A la différence des polices de caractères alphanumériques, les icon fonts sont des fichiers composés d’icônes, de symboles et de glyphes.

Conçues spécifiquement pour les interfaces graphiques, elles s’utilisent comme les autres web fonts via la déclaration CSS @font-face. Grâce à cette caractéristique, les icon fonts ont de multiples qualités :

  • Elles supportent les propriétés d’opacité, de rotation, etc, à l’instar des icônes issues d’images;
  • Elles sont compatibles avec la majorité des navigateurs Web, même IE6;
  • Leur dimension peut varier en fonction des paramètres de taille de police définis par l’utilisateur dans son navigateur. Concernant ce point, les principes de l’accessibilité Web sont respectés;
  • Leur couleur peut être aisément modifiée via la CSS;
  • Elles acceptent l’emploi des propriétés CSS relatives aux fonts et aux textes.

Testez leurs potentialités avec Icon Fonts are Awesome.

Icon fonts gratuites

Que ce soit pour mettre en valeur un texte ou utiliser de manière isolée une icône dans un design, les 22 icon fonts ci-dessous seront parfaitement adaptées à la majorité de vos besoins. Ces fonts d’icônes sont gratuites, prenez garde néanmoins à leurs conditions d’utilisations afin de ne pas enfreindre les termes de licence.

Pictonic

00-Pictonic

Icomoon

01-IcoMoon-Icon-Font-Generator

Ligature Symbols

02-Ligature-Symbols

Genericons

03-Genericons-icon-font

Climacons Font

04-Climacons-Font

Handy Icons

05-Handy-Icons

Handy Icons Vol2

06-Handy-Icons-Vol2

Font Awesome

07-Font-Awesome-Twitter-Bootstrap

Fico

08-Fico

Fontelico font

09-fontelico

GeoBats

10-GeoBats-Font

Metecons Font

12-Meteocons

heydings Icons

13-Heydings icons

Iconic

14--Iconic-Icon-Set-171-icons-font-formats

Foundation Icons

15-Foundation-Icons-Fonts

Entypo

16-Entypo

JustVector Social Icons Font

17-Just-Vector

PulsarJS Icon Font

18-PulsarJS

Raphaël Icon-Set via @font-face

19-Raphael-Icon

Sosa

20-Sosa-icon-font

Dot Com

21-Dot-Com-Font

Typicons

22-Typicons

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer