Mode radin - Utiliser les caractères spéciaux HTML5 / UTF8

Pourquoi rechercher et acheter des icônes alors qu'on peut trouver aujourd'hui des quantités astronomiques de symboles dans le domaine public? Les standards UTF-8 et HTML5 nous permettent d'utiliser un certain nombre de ces symboles sans avoir à reverser de droits à qui que ce soit.

De plus, cela vous fera économiser des octets car il ne s'agit pas d'images à proprement parler, mais bien de caractères qui seront interprétés directement par le navigateur de l'internaute. Au final, ça nous fait gagner de la place sur nos disques, mais également de la bande passante sur nos hébergements. Bref, c'est que du bonheur et ça ne coûte pas cher!

Voici pour vous une petite sélection parmi les nombreux symboles utilisables sur les navigateurs modernes. Je précise que certains de ces symboles ont été agrémentés avec un peu de CSS pour leur donner de la couleur, un effet d'ombrage. Ce ne sont là que des suggestions d'utilisation.

Attention! : Si vous voyez un carré à la place d'un caractère, c'est qu'il n'est pas interprété (reconnu) par votre navigateur.

Pour QCM ou listes à cocher

Informations commerce et marques

Symboles d'environnement dangereux

On a jamais trop de flèches

Les chevrons < > ˄ ˅

Flèches fines ← ↑ → ↓ ↔ ↕

Flèches blanches ⇐ ⇑ ⇒ ⇓ ⇔ ⇕

Flèches blanches 2 ⇦ ⇧ ⇨ ⇩

Flèches pointillées ⇠ ⇡ ⇢ ⇣

Flèches noires pleines ⬅ ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬌ ⬍

Spéciales archers ➳ ➴ ➵ ➶ ➷ ➸ ➹

Mains ☚ ☛ ☜ ☝ ☞ ☟

Pour les joueurs de cartes

Pique : ♠ Trèfle : ♣ Coeur : ♥ Carreau : ♦

Communication générale

On ne le dit jamais trop : ❤

Fractions : ‰ ‱ ¼ ½ ¾

Rédaction de texte : ¶ ⌫ ⏎

Téléphone : ☎ ☏

Communication écrite : ✍ ✎ ✏ ✐ ✑ ✒

Courrier : ✉

Etoiles : ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺

Fleurs : ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋

Zones à découper : ✁ ✂ ✃ ✄

Pour les joueurs d'échec

Joueur blanc Reine : ♔ Roi : ♕ Tour : ♖ Fou : ♗ Cavalier : ♘ Pion : ♙

Joueur noir Reine : ♚ Roi : ♛ Tour : ♜ Fou : ♝ Cavalier : ♞ Pion : ♟

Quelques symboles astronomique

Système solaire

☉
Soleil

☿
Mercure

♀
Venus

⊕
Terre

☽
Lune

♂
Mars

♃
Jupiter

♄
Saturne

♅
Uranus

♆
Neptune

♇
Pluton

☄
Comète

Signes astrologiques

♈
Bélier
21 Mars - 20 Avril

♉
Taureau
21 Avril - 21 Mai

♊
Gémaux
22 Mai - 21 Juin

♋
Cancer
22 Juin - 22 Juillet

♌
Lion
23 Juillet - 22 Août

♍
Vierge
23 Août - 22 Septembre

♎
Balance
23 Septembre - 22 Octobre

♏
Scorpion
23 Octobre - 22 Novembre

♐
Sagittaire
23 Novembre - 21 Décembre

♑
Capricorne
22 Décembre - 21 Janvier

♒
Verseau
22 Janvier - 19 Février

♓
Poisson
20 Février - 20 Mars

Indications climatiques ou de conservation

Nuage :

☁

PLuie :

☂

Soleil :

☼

Givre, glace :

❄ ❅

Quelques courants de pensée

Paix : ☮ Equilibre : ☯

Pour les musiciens

Notes

Noire : ♩ Simple croche : ♪ Simples croches ramées : ♫ Double croche : 𝅘𝅥𝅯 Triple croche : 𝅘𝅥𝅰 Quadruple croche : 𝅘𝅥𝅯 Doubles croches ramées : ♬

Indications

Bémole : ♭ Bécarre : ♮ Dièse : ♯

Et bien d'autres encore, cette liste est loin d'être exhaustive. Il y a encore de nombreux domaines susceptibles d'utiliser certains symboles. (math, chimie, géométrie...)

Liens et références

• Références des caractères spéciaux en HTML sur le site du W3C
• Article Wikipedia sur les caractères Unicode