마크다운으로 복사링크 공유

소셜 아이콘

스레드·텔레그램·네이버·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가 켜지고, 키보드 초점 링이 보여요.