Icônes · Bibliothèques

CSS Icon

Jeu d’icônes en pur CSS, sans dépendance, à copier-coller dans ses pages.

Visiter cssicon.space (nouvelle fenêtre)

CSS Icon est une collection d’icônes dessinées uniquement en CSS, sans image ni dépendance. Elle a été créée par Wenting Zhang, qui a aussi conçu l’outil de création de logos Typogram.

Chaque icône correspond à un court extrait de code, que l’on copie dans sa page. Elle s’affiche à n’importe quelle taille, et sa couleur peut se modifier par une simple propriété de la feuille de style. L’approche évite de charger des fichiers d’images supplémentaires et permet d’animer certains éléments.

Un graphiste ou un intégrateur y trouvera un intérêt pédagogique et technique : les icônes illustrent ce que le CSS permet de dessiner, et elles conviennent aux pages légères ou aux démonstrations. Le rendu dépend du navigateur et reste moins fiable qu’un fichier SVG pour des formes complexes. La collection est limitée en nombre et en variété, et elle ne remplace pas une bibliothèque d’icônes complète.

Dans la même rubrique