Pourquoi s'embêter avec une font ou pire encore, un set d'images représentants des icônes pour un site Web ou une application ? Le site CSS.gg propose plusieurs centaines d'icônes dont le code CSS est disponible gratuitement.

Je vous avais déjà présenté un site de la même veine, CSS Icon.

Avec CSS.gg, vous allez pouvoir récupérer le code CSS, SVG ou autre de plusieurs centaines d'icônes gratuitement. Les icônes sont propres et le choix est conséquent.

Plusieurs méthodes s'offrent à vous pour obtenir les icônes.

Vous pouvez télécharger le fichier CSS complet, qui contiendra l'ensemble des icônes proposés. Cependant, c'est assez "lourd" et finalement, vous n'utiliserez que quelques icônes.

Les icônes sont placés dans différentes catégories : alertes, flèches, marques, boutons, code, interface, multimédia, etc...

CSS.gg vous permet de récupérer gratuitement le code CSS d'un icône en particulier.

CSS.gg vous met à disposition de chaque icône le code CSS, SVG. Vous pouvez aussi télécharger les icônes sous plusieurs formats : xd, SVG, CSS, SCSS, JSON, XML.

Le readme du dépôt Github est plutôt complet et vous explique les différents moyens pour obtenir les icônes souhaités.

Pour utiliser le code CSS d'un icône, c'est très simple ! Admettons que vous ayez récupéré le code CSS de l'icône "terminal", vous n'aurez qu'à utiliser la classe CSS correspondante dans votre élément :

<i class="gg-terminal"></i>

Une API est même de la partie ! Vous pouvez obtenir pour tous les icônes ou une sélection un retour JSON du code CSS :

https://css.gg/json?=terminal

Pour les designers, des composants Figma et Adobe XD sont mis à disposition également.