저는 수천 개의 회사를 나열하는 웹 사이트 디렉토리를 구축하고 있습니다. 각 회사에는 외부 회사 웹 사이트와 Facebook, Twitter 및 Instagram과 같은 여러 소셜 사이트가 있습니다. 각 소셜 사이트를 나타내는 멋진 사각형 아이콘 세트가 있습니다.
회사 웹 사이트 링크에는 “웹 사이트 방문”이라는 텍스트 링크가 있습니다.하지만 아이콘만큼 좋지는 않습니다.
회사 웹 사이트에 대한 링크를 나타내는 공통 또는 일반적인 아이콘이 있습니까?
답변
표준이 적용됩니다. 두 개의 “주”아이콘 라이브러리에서.
이 기호는 내 테스트에서 잘 작동했습니다.
머티리얼 아이콘
FontAwesome
댓글
답변
아이콘만으로도 충분히 선명 해 질지 모르겠습니다. ..
GOV.UK에서는 다음 3 가지 이유 때문에 모든 아이콘을 제거했습니다.
- 사람들에게 외부 링크에 대해 항상 알릴 필요는 없습니다.
- 아이콘이 모호하고 모호합니다.
- 단어가 더 효과적입니다.
https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/
댓글
- 대화는 개발자가 코드를 오염시키는 기능에 대해 불평하고 무엇을 할 수 있는지에 대한 추측입니다. 사용자는 그것에 대해 생각하지만 확실한 증거는 없습니다. 그 이유는 또한 기능을 제거해야하는 변명처럼 들립니다.
- 원래 개발자 였다는 것이 ' 사실입니다. '의 우려 사항이지만 기사를 자세히 읽어 보면 ' 이후 해당 아이콘을 더 이상 사용하지 않는 것이 디자인 지침이되었음을 알 수 있습니다. 또한 '는 디자인 팀과 개발자 간의 좋은 협업을 보여주는 좋은 예이기도합니다.
답변
다음은 인라인으로 사용할 수있는 SVG 아이콘입니다 (아이콘이 필요한 HTML 코드 내에서 직접).
<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>
( Quora 에서 빌림)
예 : 
external-link-square-alt및external-link-alt는 무료입니다.external-link은 (는) 초기에는 무료입니다. ier 버전입니다.