Amusant: Pure css GUI icons

Démo de plus de 80 icônes en pures CSS:
http://nicolasgallagher.com/pure-css-gui-icons/demo/

Pas besoin d’images ni d’une police à charger.

Ça date de 2010.

1 Like

Bonjour,

C’est un peu comme font-awesome ?

Non, c’est juste une sorte de “preuve de concept” pour l’affichage d’icônes en utilisant uniquement des règles CSS, donc sans polices de caractères.

Dans la pratique, une police de type Fontawesome me semble plus pratique, mais pour quelques icônes, peut-être que du pur CSS de ce type peut rendre service (pas besoin de charger une police, chose qui ajoute au temps de chargement des pages)

Salut,

Intéressant ! C’est vrai qu’avec Bootstrap ou Font Awesome, il y a un problème de performance : quel est l’intérêt de charger 479 icônes pour au final en utiliser 6 ou 7 sur son site ?

En attendant, il y a toujours l’option Icomoon qui permet d’intégrer la police de caractères directement dans le fichier CSS.

L’intégration se fait en SVG, ou sous la forme d’un lien vers une image PNG, ou d’une fonte allégée ?