> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 소셜 아이콘

> LinkedIn, Instagram 등 클릭 가능한 소셜 미디어 아이콘을 이메일 서명에 추가하고, 형식·변형·모양·색상·크기로 스타일을 지정하세요.

소셜 아이콘 블록을 사용하면 소셜 미디어 프로필을 클릭 가능한 아이콘이나 텍스트 링크로 표시할 수 있어요. 개별로 추가하거나 소셜 목록 블록을 사용해 그룹으로 추가할 수 있어요.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="이메일 서명 편집기 캔버스" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/social-icons-settings-panel.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=7a82928175d864d33460f1ab25125848" alt="형식, 변형, 모양 옵션이 있는 소셜 아이콘 설정 패널" title="형식, 변형, 모양 옵션이 있는 소셜 아이콘 설정 패널" className="mx-auto" style={{ width:"33%" }} width="696" height="1754" data-path="images/social-icons-settings-panel.png" />
</Frame>

## 아이콘 그리드

아이콘 그리드에는 사용 가능한 모든 소셜 플랫폼이 표시돼요: 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**            | 픽셀 단위의 아이콘 크기                                                          |

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

## 레이아웃

패딩으로 소셜 아이콘 블록 주변의 여백을 조절할 수 있어요.

## 소셜 목록 vs. 개별 아이콘

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

**개별 소셜 아이콘** 블록은 아이콘 하나의 모양을 독립적으로 제어할 수 있게 해줘요. 한 아이콘만 다른 아이콘들과 다르게 꾸미고 싶을 때 사용하세요. 전화번호나 이메일 같은 연락처 정보의 경우 [목록 블록](/ko/editor/list-blocks)이 동일한 아이콘 스타일을 사용해요.

## 관련 문서

* [블록 추가](/ko/editor/add-blocks)
* [버튼 블록](/ko/editor/button-blocks)
* [스타일링 패널](/ko/editor/styling-panel)