Méthode la plus robuste pour afficher l'icône à côté du texte

Question

Il existe différentes façons d'afficher des graphiques dans une page à côté du texte. Je dois inclure un graphique/icône qui indique qu'un nouvel onglet sera ouvert.

Je sais qu'il est possible d'utiliser au moins ces différentes méthodes :

• Caractère Unicode des polices par défaut
• Caractère Unicode des polices CSS chargées
• SVG en ligne
• PNG en ligne

Veuillez suggérer une méthode pour ce faire, et expliquez pourquoi ou pourquoi elle n'est pas robuste sur différents navigateurs et systèmes d'exploitation.

Answer 1

J'aime ce symbole unicode pour Open-in-new-window

ou

North East Arrow Assurez-vous d'utiliser utf-8 html.

Html est ↗

Answer 2

Il y a aussi U+1F5D7 OVERLAP : , ajouté dans Unicode 7.0 (juin 2014).

Son commentaire est "fenêtres décalées chevauchantes".

Entité HTML : 🗗

---

(fileformat.info)

Answer 3

J'irais avec quelque chose comme ça :

L'icône que vous avez choisie, comme d'autres l'ont mentionné, est largement utilisée par wikipédia et d'autres sites pour représenter des liens vers des sites externes. Mais il s'agit plutôt d'une préférence personnelle et non d'une norme Web.