Bon voilà j'étais comme toujours en train de quémender des pictogrammes au graphiste quand soudain j'ai eu une idée ! Comme mes sites sont en utf-8 pourquoi ne pas utiliser les caractères unicodes. Plus besoin de faire des sprites css avec moulte picto dans tous les états (hover, visited, active).
Exemple :
♔♕♖♗
Généralement le code html est &#XXXX; XXXX étant le code hexa du caractère !
Evitez de mettre ça dans la balise title y parait que c'est spammy...
Voici les pages wikipedia à regarder pour trouver vos pictos :
https://en.wikipedia.org/wiki/Category:Unicode_charts
Symbole pour éditer copier coller : https://en.wikipedia.org/wiki/Template:Unicode_chart_Dingbats
Symbole de dominos : https://en.wikipedia.org/wiki/Template:Unicode_chart_Domino_Tiles
Symbole ordinaux et cardinaux : https://en.wikipedia.org/wiki/Template:Unicode_chart_Enclosed_Alphanumerics
Symbole d'opérateur mathématique : https://en.wikipedia.org/wiki/Template:Unicode_chart_Supplemental_Mathematical_Operators
Autres Symboles : https://en.wikipedia.org/wiki/Template:Unicode_chart_Spacing_Modifier_Letters
Formes géométriques : https://en.wikipedia.org/wiki/Template:Unicode_chart_Geometric_Shapes
Flèches : https://en.wikipedia.org/wiki/Template:Unicode_chart_Arrows
Jeu d'echec : https://en.wikipedia.org/wiki/Template:Unicode_chart_Chess_Symbols
Encore quelques uns : https://panmental.de/symbols/info.htm (il suffit de copier le caractère et de le coller dans votre IDE préféré)