Comment définir la propriété de contenu CSS avec une icône de matériau Google?

Question

Comment puis-je insérer l'icône de Google Matériau "icône en chevron à droite" ( https://design.google.com/icons/#ic_chevron_right ) dans la propriété de contenu CSS suivante:

.bullet li a:before {
    content: "";
}

Answer 1

Mise à jour 2018

Google a supprimé les codes affichés précédemment pour IE9 et les versions antérieures. Pour obtenir les codes, visitez le fichier des points de code dans le référentiel GitHub.

Lien vers les codes dans le référentiel GitHub: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints

---

Étape 1: Incluez la feuille de style des icônes de matériau.

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

Étape 2 :

Code CSS:

.bullet li a:before {
    font-family: "Material Icons";
    content: "\e5cc";
}

Explication: La valeur e5cc est le code que vous voyez pour le chevron.

 

Answer 2

::before {
    font-family: 'Material Icons';
    content: "\E87C";
}

::after {
    font-family: 'Material Icons';
    content: "face";
}

http://codepen.io/estelle/pen/MwvOjd

Answer 3

Vous pouvez utiliser ceci pour le mode RTL:

.bullet li a:before {content: '\E5CB';}

Answer 4

Essaye ça.

.bullet li a:before {
    font-family: FontAwesome;
    content: "\f054";
}

Vous pouvez vous référer ici pour les valeurs de contenu