Je suis en train de créer un annuaire de sites Web qui répertorie des milliers dentreprises. Chaque entreprise possède un site Web externe dentreprise et plusieurs sites sociaux, tels que Facebook, Twitter et Instagram. Jai un bel ensemble dicônes carrées qui représentent chacun des sites sociaux.
Pour le lien vers le site Web de lentreprise, jai un lien texte qui dit « visitez notre site Web ». Cela na pas lair aussi bien que les icônes.
Existe-t-il une icône courante ou typique qui représente un lien vers le site Web dune entreprise?
Réponse
La norme est couverte dans les deux bibliothèques dicônes « principales ».
Ce symbole a bien fonctionné lors de mes tests.
Icônes de matériau
FontAwesome
Commentaires
- Voir la liste complète des icônes de lien externe FontAwesome ici: fontawesome.com/icons?d=gallery& q = external . Notez que pour la version actuelle à partir de 2019, uniquement
external-link-square-altetexternal-link-altsont gratuits. Bien queexternal-linksoit gratuit dans un comté ier version.
Réponse
Je ne sais pas si une icône seule sera suffisamment claire. ..
Chez GOV.UK, ils ont supprimé toutes ces icônes pour les 3 raisons suivantes:
- Vous navez pas toujours besoin de parler aux gens des liens externes
- Licône est obscure et ambiguë
- Les mots sont plus efficaces
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
Commentaires
- La conversation concerne les développeurs qui se plaignent de la fonctionnalité polluant le code et spéculent sur ce qui pourrait lutilisateur y pense, aucune preuve solide. Les raisons semblent également être des excuses pour supprimer la fonctionnalité.
- Il ' est vrai quil sagissait à lorigine dun développeur ' s inquiétude, mais si vous lisez attentivement larticle, vous ' verrez que par la suite, il est devenu une directive de conception de ne plus utiliser ces icônes. Et cela ' est également un bon exemple de la bonne collaboration entre léquipe de conception et les développeurs.
Réponse
Voici une icône SVG que vous pouvez utiliser en ligne (directement dans le code HTML où licône est nécessaire).
<svg width="24px" height="24px" viewBox="0 0 24 24" style="cursor:pointer"><g stroke-width="2.1" stroke="#666" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="17 13.5 17 19.5 5 19.5 5 7.5 11 7.5"></polyline><path d="M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5"></path></g></svg>
(Emprunté à Quora )
Exemple: 