lang
FR

Symboles HTML

Collection de symboles HTML à insérer sur le site, ne nécessitant pas d'installation supplémentaire de polices.
Symboles fréquemment utilisés
Symbole Mnémonique Code CSS Description
      content: "\a0"; Espace insécable
    content: "\2009"; Espace très étroit
    content: "\2002"; Espace de largeur N
    content: "\2003"; Espace de largeur M
‌ ‌ content: "\200c"; Caractère de longueur nulle non connectant
‍ ‍ content: "\200d"; Caractère de longueur nulle connectant
– – content: "\2013"; Tiret étroit
— — content: "\2014"; Tiret large
́   ́ content: "\301"; Accent, placé après la lettre accentuée
… … content: "\2026"; Points de suspension
§ § § content: "\a7"; Paragraphe
° ° ° content: "\b0"; Degré
‰ ‰ content: "\2030"; Pour mille
π π π content: "\3c0"; Pi
µ µ µ content: "\b5"; Micro
¶ ¶ content: "\b6"; Signe de paragraphe
• • content: "\2022"; Marqueur de liste
‾ ‾ content: "\203e"; Surligne
& & & content: "\26"; Esperluette
< &lt; &#60; content: "\3c"; Inférieur (début de balise)
> &gt; &#62; content: "\3e"; Supérieur (fin de balise)
" &quot; &#34; content: "\22"; Guillemet double
« &laquo; &#171; content: "\ab"; Guillemet typographique gauche
» &raquo; &#187; content: "\bb"; Guillemet typographique droit
&lsaquo; &#8249; content: "\2039"; Guillemet simple gauche
&rsaquo; &#8250; content: "\203a"; Guillemet simple droit
&prime; &#8242; content: "\2032"; Trait (minutes, pieds)
&Prime; &#8243; content: "\2033"; Double trait (secondes, pouces)
&lsquo; &#8216; content: "\2018"; Guillemet simple supérieur gauche
&rsquo; &#8217; content: "\2019"; Guillemet simple supérieur droit
&sbquo; &#8218; content: "\2020"; Guillemet simple inférieur droit
&ldquo; &#8220; content: "\201c"; Guillemet-pied supérieur gauche
&rdquo; &#8221; content: "\201d"; Guillemet-pied supérieur droit
&bdquo; &#8222; content: "\201e"; Guillemet-pied inférieur droit
  &#8223; content: "\201f"; Quelque sorte de guillemet
Droits d’auteur
Symbole Mnémonique Code CSS Description
© &copy; &#169; content: "\a9"; Copyright
® &reg; &#174; content: "\ae"; Marque déposée
&trade; &#8482; content: "\2122"; Signe de marque commerciale
 
Signes monétaires
Symbole Mnémonique Code CSS Description
&euro; &#8364; content: "\20ac"; Euro
¢ &cent; &#162; content: "\a2"; Centime
£ &pound; &#163; content: "\a3"; Livre sterling
¥ &yen; &#165; content: "\a5"; Yen ou yuan
ƒ &fnof; &#402; content: "\192"; Florin
  &#8381; content: "\20bd"; Rouble russe
  &#8372; content: "\20b4"; Hryvnia ukrainienne
  &#8377; content: "\20b9"; Roupie indienne
  &#22291; content: "\5713"; Yuan chinois
  &#8376; content: "\20b8"; Tenge kazakh
 
Flèches
Symbole Mnémonique Code CSS Description
&larr; &#8592; content: "\2190"; Flèche gauche
&uarr; &#8593; content: "\2191"; Flèche haut
&rarr; &#8594; content: "\2192"; Flèche droite
&darr; &#8595; content: "\2193"; Flèche bas
&harr; &#8596; content: "\2194"; Flèche gauche et droite
  &#8597; content: "\2195"; Flèche haut et bas
  &#8598; content: "\2196"; Flèche diagonale haut-gauche
  &#8599; content: "\2197"; Flèche diagonale haut-droite
  &#8600; content: "\2198"; Flèche diagonale bas-droite
  &#8601; content: "\2199"; Flèche diagonale bas-gauche
&lArr; &#8656; content: "\21d0"; Double flèche gauche
&uArr; &#8657; content: "\21d1"; Double flèche haut
&rArr; &#8658; content: "\21d2"; Double flèche droite
&dArr; &#8659; content: "\21d3"; Double flèche bas
&hArr; &#8660; content: "\21d4"; Double flèche gauche et droite
  &#8661; content: "\21d5"; Double flèche haut et bas
  &#8662; content: "\21d6"; Double flèche diagonale haut-gauche
  &#8663; content: "\21d7"; Double flèche diagonale haut-droite
  &#8664; content: "\21d8"; Double flèche diagonale bas-droite
  &#8665; content: "\21d9"; Double flèche diagonale bas-gauche
  &#8672; content: "\21e0"; Flèche pointillée gauche
  &#8673; content: "\21e1"; Flèche en tirets haut
  &#8674; content: "\21e2"; Flèche pointillée droite
  &#8675; content: "\21e3"; Flèche pointillée bas
  &#9650; content: "\25b2"; Flèche triangulaire haut
  &#9651; content: "\25b3"; Flèche triangulaire haut (Contour)
  &#9654; content: "\25b6"; Flèche triangulaire droite
  &#9655; content: "\25b7"; Flèche triangulaire droite (Contour)
  &#9660; content: "\25bc"; Flèche triangulaire bas
  &#9661; content: "\25bd"; Flèche triangulaire bas (Contour)
  &#9664; content: "\25c0"; Flèche triangulaire à gauche
  &#9665; content: "\25c1"; Flèche triangulaire à gauche (Contour)
 
Plus de flèches
  &#8676; content: "\21e4";
  &#8677; content: "\21e5";
  &#8644; content: "\21c4";
  &#8645; content: "\21c5";
  &#8646; content: "\21c6";
  &#8647; content: "\21c7";
  &#8648; content: "\21c8";
  &#8649; content: "\21c9";
  &#8650; content: "\21ca";
  &#8678; content: "\21e6";
  &#8679; content: "\21e7";
  &#8680; content: "\21e8";
  &#8681; content: "\21e9";
  &#8634; content: "\21ba";
  &#8635; content: "\21bb";
  &#10226; content: "\27f2";
  &#10227; content: "\27f3";
  &#11013; content: "\2b05";
  &#11014; content: "\2b06";
  &#11157; content: "\2b95";
  &#11015; content: "\2b07";
  &#11016; content: "\2b08";
  &#11017; content: "\2b09";
  &#11018; content: "\2b0a";
  &#11019; content: "\2b0b";
 
Signes mathématiques
Symbole Mnémonique Code CSS Description
× &times; &#215; content: "\d7"; Multiplication
÷ &divide; &#247; content: "\f7"; Division
± &plusmn; &#177; content: "\b1"; Plus / moins
¬ &not; &#172; content: "\ac"; Négation
&le; &#8804; content: "\2264"; Inférieur ou égal
&ge; &#8805; content: "\2265"; Supérieur ou égal
&asymp; &#8776; content: "\2248"; Environ
&ne; &#8800; content: "\2260"; Différent
&equiv; &#8801; content: "\2261"; Identiquement
&radic; &#8730; content: "\221a"; Racine carrée
  &#8731; content: "\221b"; Racine cubique
  &#8732; content: "\221c"; Quatrième racine
&infin; &#8734; content: "\221e"; Infini
&sum; &#8721; content: "\2211"; Signe de sommation
&prod; &#8719; content: "\220f"; Signe de produit
&part; &#8706; content: "\2202"; Différentiel partiel
&int; &#8747; content: "\222b"; Intégrale
&forall; &#8704; content: "\2200"; Pour tous
&exist; &#8707; content: "\2203"; Existe
&nexist; &#8708; content: "\2204"; N’existe pas
&empty; &#8709; content: "\2205"; Ensemble vide
Δ &Delta; &#8710; content: "\2206"; Delta
&isin; &#8712; content: "\2208"; Appartient
&notin; &#8713; content: "\2209"; N’appartient pas
&ni; &#8715; content: "\220b"; Contient
  &#8716; content: "\220c"; Ne contient pas
&sub; &#8834; content: "\2282"; Est un sous-ensemble de
&nsub; &#8836; content: "\2284"; N’est pas un sous-ensemble de
&sup; &#8835; content: "\2283"; Sur-ensemble
&nsup; &#8837; content: "\2285"; N’est pas un sur-ensemble
&sube; &#8838; content: "\2286"; Sous-ensemble ou égal à
&nsube; &#8840; content: "\2288"; Pas un sous-ensemble et pas égal
&supe; &#8839; content: "\2287"; Sur-ensemble ou égal à
&nsupe; &#8841; content: "\2289"; Pas un sur-ensemble et pas égal
&and; &#8743; content: "\2227"; ET logique
&or; &#8744; content: "\2228"; OU logique
&cap; &#8745; content: "\2229"; Intersection
&cup; &#8746; content: "\222a"; Union
&perp; &#8869; content: "\22a5"; Perpendiculaire
&ang; &#8736; content: "\2220"; Angle
 
Alphabet grec
Symbole Mnémonique Code CSS Description
α &alpha; &#945; content: "\3b1"; Alpha (minuscule)
β &beta; &#946; content: "\3b2"; Bêta (minuscule)
γ &gamma; &#947; content: "\3b3"; Gamma (minuscule)
δ &delta; &#948; content: "\3b4"; Delta (minuscule)
ε &epsilon; &#949; content: "\3b5"; Epsilon (minuscule)
ζ &zeta; &#950; content: "\3b6"; Zêta (minuscule)
η &eta; &#951; content: "\3b7"; Cette (minuscule)
θ &theta; &#952; content: "\3b8"; Thêta (minuscule)
ι &iota; &#953; content: "\3b9"; Iota (minuscule)
κ &kappa; &#954; content: "\3ba"; Kappa (minuscule)
λ &lambda; &#955; content: "\3bb"; Lambda (minuscule)
μ &mu; &#956; content: "\3bc"; Mu (minuscule)
ν &nu; &#957; content: "\3bd"; Nu (minuscule)
ξ &xi; &#958; content: "\3be"; Xi (minuscule)
ο &omicron; &#959; content: "\3bf"; Omicron (minuscule)
π &pi; &#960; content: "\3c0"; Pi (minuscule)
ρ &rho; &#961; content: "\3c1"; Rhô (minuscule)
σ &sigma; &#962; content: "\3c2"; Sigma (minuscule)
ς &sigmaf; &#963; content: "\3c3"; Sigma final (minuscule)
τ &tau; &#964; content: "\3c4"; Tau (minuscule)
υ &upsilon; &#965; content: "\3c5"; Upsilon (minuscule)
φ &phi; &#966; content: "\3c6"; Phi (minuscule)
χ &chi; &#967; content: "\3c7"; Chi (minuscule)
ψ &psi; &#968; content: "\3c8"; Psi (minuscule)
ω &omega; &#969; content: "\3c9"; Oméga (minuscule)
Α &Alpha; &#913; content: "\391"; Alpha (majuscule)
Β &Beta; &#914; content: "\392"; Bêta (majuscule)
Γ &Gamma; &#915; content: "\393"; Gamma (majuscule)
Δ &Delta; &#916; content: "\394"; Delta (majuscule)
Ε &Epsilon; &#917; content: "\395"; Epsilon (majuscule)
Ζ &Zeta; &#918; content: "\396"; Zêta (majuscule)
Η &Eta; &#919; content: "\397"; Cette (majuscule)
Θ &Theta; &#920; content: "\398"; Thêta (majuscule)
Ι &Iota; &#921; content: "\399"; Iota (majuscule)
Κ &Kappa; &#922; content: "\39a"; Kappa (majuscule)
Λ &Lambda; &#923; content: "\39b"; Lambda (majuscule)
Μ &Mu; &#924; content: "\39c"; Mu (majuscule)
Ν &Nu; &#925; content: "\39d"; Nu (majuscule)
Ξ &Xi; &#926; content: "\39e"; Xi (majuscule)
Ο &Omicron; &#927; content: "\39f"; Omicron (majuscule)
Π &Pi; &#928; content: "\3a0"; Pi (majuscule)
Ρ &Rho; &#929; content: "\3a1"; Rhô (majuscule)
Σ &Sigma; &#931; content: "\3a3"; Sigma (majuscule)
Τ &Tau; &#932; content: "\3a4"; Tau (majuscule)
Υ &Upsilon; &#933; content: "\3a5"; Upsilon (majuscule)
Φ &Phi; &#934; content: "\3a6"; Phi (majuscule)
Χ &Chi; &#935; content: "\3a7"; Chi (majuscule)
Ψ &Psi; &#936; content: "\3a8"; Psi (majuscule)
Ω &Omega; &#937; content: "\3a9"; Oméga (majuscule)
 
Signes du zodiaque
Symbole Mnémonique Code CSS Description
  &#9800; content: "\2648"; Bélier
  &#9801; content: "\2649"; Taureau
  &#9802; content: "\264a"; Gémeaux
  &#9803; content: "\264b"; Cancer
  &#9804; content: "\264c"; Lion
  &#9805; content: "\264d"; Vierge
  &#9806; content: "\264e"; Balance
  &#9807; content: "\264f"; Scorpion
  &#9808; content: "\2650"; Sagittaire
  &#9809; content: "\2651"; Capricorne
  &#9810; content: "\2652"; Verseau
  &#9811; content: "\2653"; Poissons
 
Échecs
Symbole Mnémonique Code CSS Description
  &#9812; content: "\2654"; Roi blanc
  &#9813; content: "\2655"; Dame blanche (reine)
  &#9814; content: "\2656"; Tour blanche
  &#9815; content: "\2657"; Fou blanc (officier)
  &#9816; content: "\2658"; Cavalier blanc
  &#9817; content: "\2659"; Pion blanc
  &#9818; content: "\265a"; Roi noir
  &#9819; content: "\265b"; Dame noire (reine)
  &#9820; content: "\265c"; Tour noire
  &#9821; content: "\265d"; Fou noir (officier)
  &#9822; content: "\265e"; Cavalier noir
  &#9823; content: "\265f"; Pion noir
 
Cartes à jouer
Symbole Mnémonique Code CSS Description
&spades; &#9824; content: "\2660"; Pique (Winnie)
&clubs; &#9827; content: "\2663"; Trèfle
&hearts; &#9829; content: "\2665"; Cœur
&diams; &#9830; content: "\2666"; Carreau (Booby)
  &#9828; content: "\2664"; Pique (Winnie) (Contour)
  &#9831; content: "\2667"; Trèfle (Contour)
  &#9825; content: "\2661"; Cœur (Contour)
  &#9826; content: "\2662"; Carreau (Booby) (Contour)
 
Météo / Moment de la journée
Symbole Mnémonique Code CSS Description
  &#9728; content: "\2600"; Soleil
  &#9729; content: "\2601"; Nuage
  &#9730; content: "\2602"; Parapluie
  &#9788; content: "\263c"; Petit soleil
  &#9789; content: "\263d"; Lune
  &#9790; content: "\263e"; Lune
  &#9925; content: "\26c5"; Soleil derrière un nuage
  &#9928; content: "\26c8"; Nuage (Orage)
 
Autre
Symbole Mnémonique Code CSS Description
  &#9733; content: "\2605"; Étoile
  &#9734; content: "\2606"; Étoile (Contour)
  &#9742; content: "\260e"; Téléphone
  &#9743; content: "\260f"; Téléphone
  &#9785; content: "\2639"; Émoticône
  &#9786; content: "\263a"; Émoticône
  &#9787; content: "\263b"; Émoticône
  &#9792; content: "\2640"; Signe féminin
  &#9794; content: "\2642"; Signe masculin
  &#9834; content: "\266a"; Note
  &#9835; content: "\266b"; Note
  &#9917; content: "\26bd"; Ballon de football
  &#9918; content: "\26be"; Balle de tennis
  &#9986; content: "\2702"; Ciseaux
  &#9988; content: "\2704"; Ciseaux
  &#9990; content: "\2706"; Combiné téléphonique
  &#9992; content: "\2708"; Avion
  &#9993; content: "\2709"; Enveloppe
  &#9999; content: "\270f"; Crayon
  &#10003; content: "\2713"; Coche
  &#10004; content: "\2714"; Coche en gras
  &#10005; content: "\2715"; Croix
  &#10006; content: "\2716"; Croix en gras
  &#10007; content: "\2717"; Croix oblique
  &#10008; content: "\2718"; Croix oblique en gras
  &#9680; content: "\25d0"; Cercle avec moitié gauche remplie
  &#9681; content: "\25d1"; Cercle avec moitié droite remplie
  &#9775; content: "\262f"; Yin et yang
  &#8986; content: "\231a"; Montre-bracelet
  &#9200; content: "\23f0"; Réveil
  &#9201; content: "\23f1"; Horloge
  &#9202; content: "\23f2"; Horloge
  &#9203; content: "\23f3"; Sablier
 
Média
Symbole Mnémonique Code CSS Description
  &#9199; content: "\23ef"; Lecture / Pause
  &#9208; content: "\23f8"; Pause
  &#9209; content: "\23f9"; Arrêt
  &#9210; content: "\23fa"; Enregistrement
  &#9193; content: "\23e9"; Avance rapide
  &#9194; content: "\23ea"; Retour rapide
  &#9195; content: "\23eb"; Défilement vers le haut
  &#9196; content: "\23ec"; Défilement vers le bas
  &#9197; content: "\23ed"; Avance jusqu’à la fin
  &#9198; content: "\23ee"; Retour au début

Sélection de HTML-symboles (symboles mnémoniques) fréquemment utilisés, qui peuvent être employés lors de la mise en page d'un site en remplacement des icônes. L'avantage est que leur affichage ne nécessite pas l'installation d'une police supplémentaire sur le site. De plus, ils ne pèsent presque rien (poids == longueur du code HTML) et ne génèrent pas de requêtes HTTP supplémentaires vers le serveur, ce qui contribue à réduire le temps de chargement de la page.