Buduji adresář webových stránek se seznamem tisíců společností. Každá společnost má externí web společnosti a několik sociálních webů, jako je Facebook, Twitter a Instagram. Mám pěknou sadu čtvercových ikon, které představují každou ze sociálních stránek.

Odkaz na web společnosti má textový odkaz, který říká „navštivte náš web“. To ale nevypadá tak dobře jako ikony.

Existuje běžná nebo typická ikona, která představuje odkaz na web společnosti?

Odpověď

Norma je pokryta ve dvou „hlavních“ knihovnách ikon.
Tento symbol při testování dobře fungoval.

Ikony materiálů

Ikona spuštění materiálu

FontAwesome

Ikony externích odkazů FontAwesome

Komentáře

  • Úplný seznam ikon externích odkazů FontAwesome naleznete zde: fontawesome.com/icons?d=gallery& q = external . Upozorňujeme, že pro aktuální verzi od roku 2019 pouze external-link-square-alt a external-link-alt jsou zdarma. Ačkoli external-link je v hraběti zdarma ier verze.

Odpověď

Nevím, jestli samotná ikona bude dostatečně jasná. ..

Na webu GOV.UK odstranili všechny tyto ikony z následujících 3 důvodů:

  1. O externích odkazech nemusíte lidem vždy říkat
  2. Ikona je nejasná a nejednoznačná
  3. Slova jsou efektivnější

https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/

Komentáře

  • Konverzace se týká stížností vývojářů na funkci znečišťující kód a spekulací o tom, co by mohlo uživatel o tom přemýšlí, žádné důkazy. Důvody znějí také jako výmluvy k odebrání funkce.
  • Platí ', že se původně jednalo o vývojáře '

Odpověď

Zde je ikona SVG , kterou můžete použít inline (přímo v HTML kódu, kde je tato ikona nutná).

<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>

(Půjčeno od Quora )

Příklad: příklad

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *