Sto creando una directory di siti web che elenca migliaia di aziende. Ogni azienda ha un sito web aziendale esterno e diversi siti social, come Facebook, Twitter e Instagram. Ho un bel set di icone quadrate che rappresentano ciascuno dei siti social.
Per il collegamento al sito Web dellazienda, ho un collegamento di testo che dice “visita il nostro sito Web”. Tuttavia, non sembra buono come le icone.
Esiste unicona comune o tipica che rappresenta un collegamento al sito web di unazienda?
Risposta
Lo standard è coperto nelle due librerie di icone “principali”.
Questo simbolo ha funzionato bene durante i miei test.
Icone dei materiali
FontAwesome
Commenti
- Vedi lelenco completo delle icone di collegamento esterno FontAwesome qui: fontawesome.com/icons?d=gallery& q = external . Tieni presente che solo per la versione corrente del 2019
external-link-square-alteexternal-link-altsono gratuiti. Anche seexternal-linkè gratuito in un conte ier version.
Risposta
Non so se una sola icona sarà abbastanza chiara. ..
A GOV.UK hanno rimosso tutte quelle icone per i seguenti 3 motivi:
- Non è sempre necessario informare le persone dei link esterni
- Licona è oscura e ambigua
- Le parole sono più efficaci
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
Commenti
- La conversazione riguarda gli sviluppatori che si lamentano della funzionalità che inquina il codice e la speculazione su ciò che potrebbe lutente ci pensa, nessuna prova solida. I motivi sembrano anche scuse per rimuovere la funzione.
- È ' vero che era originariamente uno sviluppatore ' è preoccupazione, ma se leggi attentamente larticolo ' vedrai che in seguito è diventata una linea guida di progettazione non usare più quelle icone. Inoltre, ' è anche un buon esempio della buona collaborazione tra il team di progettazione e gli sviluppatori.
Risposta
Ecco unicona SVG che puoi utilizzare in linea (direttamente nel codice HTML in cui è necessaria licona).
<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>
(Preso in prestito da Quora )
Esempio: 