> ## Documentation Index
> Fetch the complete documentation index at: https://guide.smore.im/llms.txt
> Use this file to discover all available pages before exploring further.

> 커버 페이지, 문제 화면, 결과 화면의 버튼에 들어가는 버튼 아이콘을 커스터마이징할 수 있는 기능이에요.

# 버튼 아이콘 설정

<img src="https://mintcdn.com/dodamind-705e6e3b/1uPRbiDioi4sCw1C/images/button-icon-change.png?fit=max&auto=format&n=1uPRbiDioi4sCw1C&q=85&s=2e7ccfd49c72918c4634e2b2e0742181" alt="Button Icon Change" width="4166" height="1666" data-path="images/button-icon-change.png" />

<Callout icon="key" color="#FFC107">
  버튼 아이콘 설정 기능은 **엔터프라이즈 플랜 - 라이트부터 사용이 가능**한 기능이에요.
</Callout>

<br />

### **1. 버튼 아이콘 설정 기능이란?**

<Info>
  버튼 아이콘의 색상은 버튼 내 텍스트 색상과 자동으로 연동돼요.

  아이콘 검색은 영어로만 가능해요.
</Info>

<Warning>
  버튼 아이콘은 **스모어에서 제공하는 전용 라이브러리** 내에서만 선택하실 수 있어요. 별도의 이미지 업로드나 외부 아이콘 추가 기능은 지원되지 않아요.
</Warning>

* \*\*커버 페이지의 '시작' 버튼, 문제 화면의 '다음' 버튼, 그리고 결과 화면의 '링크 버튼'\*\*에 들어가는 버튼 아이콘을 커스터마이징할 수 있어요.
* 캠페인 테마와 일치하는 아이콘으로 교체하거나, 미니멀한 UI를 위해 아예 아이콘을 제거하는 등 정교한 디자인 컨트롤이 가능해요.

<br />

### 2. 버튼 아이콘 설정 기능 사용하기

<Info>
  버튼 내 아이콘을 제거하고 싶으면, 아이콘 설정 창에서 "없음"을 선택해주시면 돼요.
</Info>

<br />

#### 1) 커버 페이지 '시작' 버튼 아이콘 설정하기

에디터의 \[커버] 탭 내 '커버 섹션'에서 아이콘 버튼을 클릭하세요. 나타나는 설정창에서 원하는 아이콘을 선택하세요.

<img src="https://mintcdn.com/dodamind-705e6e3b/pCJUKFMAjG3YCAXi/images/image-76.png?fit=max&auto=format&n=pCJUKFMAjG3YCAXi&q=85&s=66ff6104d6916f0fcf67b37ff9ba830f" alt="Image" width="2835" height="963" data-path="images/image-76.png" />

<br />

#### 2) 문제 화면 '다음' 버튼 아이콘 설정하기

에디터의 \[문제] 탭에서 각 문제 화면에 위치한 아이콘을 클릭하세요. 나타나는 설정창에서 원하는 아이콘을 선택하세요.

<img src="https://mintcdn.com/dodamind-705e6e3b/pCJUKFMAjG3YCAXi/images/image-77.png?fit=max&auto=format&n=pCJUKFMAjG3YCAXi&q=85&s=f2806dd2ff10b42d1662d40a2eea4c56" alt="Image" width="2863" height="1062" data-path="images/image-77.png" />

<br />

#### 3) 결과 화면 '링크 버튼' 아이콘 설정하기

에디터의 \[결과] 탭 내 각 결과 화면에서 "링크 버튼 추가"를 클릭하세요. 나타나는 설정 창에서 원하는 아이콘을 선택하세요.

<img src="https://mintcdn.com/dodamind-705e6e3b/pCJUKFMAjG3YCAXi/images/image-78.png?fit=max&auto=format&n=pCJUKFMAjG3YCAXi&q=85&s=1be877b6760ec5999c94ce6498edf9c4" alt="Image" width="2853" height="1201" data-path="images/image-78.png" />
