소셜 아이콘 - Scribe Mail Documentation

아이콘 그리드

아이콘 그리드에는 사용 가능한 모든 소셜 플랫폼이 표시돼요: LinkedIn, Twitter, Facebook, Instagram, YouTube, Pinterest, Google, Vimeo, Snapchat, Behance, Figma, GitHub 등이 있어요.

선택한 아이콘은 강조 표시돼요. + 버튼을 클릭하면 전체 라이브러리를 둘러보고 특정 플랫폼을 검색할 수 있어요.

선택한 각 플랫폼에는 프로필 링크를 입력할 수 있는 URL 입력란이 있어요.

스타일

설정	기능
Format	Icon(플랫폼 로고 표시) 또는 Text(플랫폼 이름을 텍스트 링크로 표시) 사이를 전환
Variant	아이콘 채우기 스타일: Plain(단색 채우기), Empty(외곽선만), Stroke(선으로 그린 형태)
Shape	아이콘 컨테이너 모양: Square 또는 Circle
Icon color	아이콘 자체의 색상
Icon background	아이콘 컨테이너의 배경색
Size	픽셀 단위의 아이콘 크기

모던하고 깔끔한 스타일을 원한다면 Variant → Plain과 Shape → Circle을 함께 사용하세요. 더 미니멀한 느낌을 원한다면 Variant → Stroke로 전환하세요.

소셜 목록 vs. 개별 아이콘

소셜 목록 블록은 모든 소셜 아이콘을 하나로 묶어 동일한 스타일을 적용해요. 변형이나 모양을 한 번만 바꾸면 목록 안의 모든 아이콘에 반영돼요.

개별 소셜 아이콘 블록은 아이콘 하나의 모양을 따로 설정할 수 있어요. 특정 아이콘만 다른 스타일로 표시하고 싶을 때 사용하세요.

​아이콘 그리드