Autrefois, quand on devait utilser des icônes sur des sites Web, on chargeait des images les représentants. Puis, les typos spécialisées dans les icônes sont apparues et ont allégés grandement le chargement des pages Web. Dorénavant et grâce à CSS Icon, vous pouvez directement afficher des icônes écrits en CSS uniquement !

Le Web évolue et on ne va pas se plaindre quand ça va dans le bon sens ! Il existe des tonnes de fonts permettant d'afficher simplement des icônes. Parmi elles, Font Awesome, Entypo, etc... Toutes fonctionnent très bien mais allourdissent le chargement des pages Web. En utilisant uniquement du CSS, cela devrait s'améliorer encore plus.

CSS Icon propose un très grand choix d'icône déjà écrit en CSS : de la croix au crayon en passant par la batterie ou des smileys.

En cliquant sur un icône, vous affichez son détail et donc son code CSS. Vous avez la possibilité de voir cet icône via CodePen pour modifier ses propriétés.

Un moteur de recherche est également de la partie vous permettant de retrouver votre icône plus rapidement.

Petit bonus : vous pouvez animer deux icônes. Vous partez d'un icône (A) pour aller vers un autre (B). C'est sympa et tout le code final est fourni !

Rendez-vous sur CSS Icon pour découvrir tous les icônes disponibles !