HTML & CSS

Icônes CSS


Des icônes peuvent facilement être ajoutées à votre page HTML, en utilisant une bibliothèque d’icônes.



Comment ajouter des icônes

Le moyen le plus simple d’ajouter une icône à votre page HTML consiste à utiliser une bibliothèque d’icônes, telle que Font Awesome.

Ajoutez le nom de la classe d’icônes spécifiée à n’importe quel élément HTML en ligne (comme <i> ou
<span>).

Toutes les icônes des bibliothèques d’icônes ci-dessous sont des vecteurs évolutifs personnalisables avec CSS (taille, couleur, ombre, etc.)


Icônes impressionnantes de police

Pour utiliser les icônes Font Awesome, accédez à
fontawesome.com
connectez-vous et obtenez un code à ajouter dans le <head> section de votre page HTML :

<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>

En savoir plus sur la façon de démarrer avec Font Awesome dans notre didacticiel Font Awesome 5.

Note: Aucun téléchargement ou installation n’est requis !

Exemple






Résultat:

Essayez-le vous-même »

Pour une référence complète de toutes les icônes Font Awesome, visitez notre référence d’icônes.



Icônes d’amorçage

Pour utiliser les glyphicons Bootstrap, ajoutez la ligne suivante à l’intérieur du <head> section de votre page HTML :

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Note: Aucun téléchargement ou installation n’est requis !

Exemple






Résultat:

Essayez-le vous-même »


Icônes Google

Pour utiliser les icônes Google, ajoutez la ligne suivante à l’intérieur du <head> section de votre page HTML :

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Note: Aucun téléchargement ou installation n’est requis !

Exemple

nuage
favori
pièce jointe
ordinateur
trafic


Résultat:

Essayez-le vous-même »

#Icônes #CSS

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also
Close
Back to top button