소셜 아이콘
스레드·텔레그램·네이버·GitHub·OpenAI 로고예요.
모바일PCThreadsIcon · TelegramIcon · NaverIcon · LinkedInIcon · GithubIcon · OpenAIIcon
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 관심·비교·대장 아이콘과 소셜·로그인·AI 도구 마크.
인터페이스#
타입에서 자동으로 뽑은 표예요.
ThreadsIcon#
자기 props가 없고, 감싼 HTML·SVG 요소의 속성 488개를 그대로 받아요.
TelegramIcon#
자기 props가 없고, 감싼 HTML·SVG 요소의 속성 488개를 그대로 받아요.
NaverIcon#
자기 props가 없고, 감싼 HTML·SVG 요소의 속성 488개를 그대로 받아요.
LinkedInIcon#
자기 props가 없고, 감싼 HTML·SVG 요소의 속성 488개를 그대로 받아요.
GithubIcon#
자기 props가 없고, 감싼 HTML·SVG 요소의 속성 488개를 그대로 받아요.
OpenAIIcon#
자기 props가 없고, 감싼 HTML·SVG 요소의 속성 488개를 그대로 받아요.
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 로고는 장식이라 읽지 않아요(aria-hidden). 링크에 서비스 이름을 붙여요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |