"Heavy Plus Sign" ➕ in CSS ::before ?

Question

J'essaie de faire fonctionner le code de l'emoji " signe plus lourd " (➕) dans un pseudo-élément CSS ::before. Le numéro Unicode de cet émoji est U+2795. Mon code [non fonctionnel] est le suivant :

.plussign::before {
    content: "\12795";
}

Lorsque j'affecte un élément à l'utilisation de class="plussign", tout ce que je vois est un petit carré noir (le caractère générique inconnu)

Que dois-je utiliser pour la propriété "content" ? Le slash-one ( \1 ) fonctionne pour tous mes autres emojis. Par exemple, cela fonctionne pour la pierre précieuse (

Answer 1

Vous êtes à la recherche de \2795 (pas de 1 initial, le point de code est U+2795, pas U+12795) :

.plussign::before {
  content: "\2795";
}

<div class="plussign"></div>

Ou, bien sûr, le personnage lui-même :

.plussign::before {
  content: "➕";
}

<div class="plussign"></div>