Simple Line Icons web font : une police d’icône gratuite

Utiliser une police pour des icônes « simples » a un double avantage, facilité d’utilisation et optimisation de chargement. Découvrez Simple Line Icons, une web font d’icônes gratuite et minimaliste.

Simple Line Icons web font : une police d'icône gratuite - Frinbr - Julien Cheyrezy, freelance in Brussels

Utiliser une police pour des icônes « simples » a un double avantage, à savoir la facilité d’utilisation et d’intégration (plus besoin d’appeler des images, de les uploader, etc.), et l’optimisation de chargement, car le poids d’une police est nettement inférieur à plusieurs images, même petites.

Dans cette démarche, je vous présente une police d’icônes minimalistes qui se nomme Simple Line Icons.
Elle a été créé par Jamal Jama, et est gratuite pour un usage personnel ou commercial.

Utiliser Simple Line Icons

Pour l’utiliser, télécharger tout d’abord les fichiers requis à cette adresse : http://graphicburger.com/down/?q=simple-line-icons-webfont

Vous aurez ensuite 2 possibilités :

  • Soit vous importer classiquement le fichier CSS fourni, et utilisez ensuite les classes correspondant à l’icône de votre choix
  • Soit vous copier le font-face du fichier CSS fourni, et vous récupérez le content (soit le caractère correspondant à l’icône) dans ce même fichier CSS (ex « \e012 » pour l’icône d’avion)

Toutes les infos sur cette police sont disponible sur cette page.