> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/design/editor/contents/icon.md).

# 아이콘

## 아이콘이란?

다양한 형태의 아이콘을 사용하여 페이지 디자인을 할 수 있습니다.

아이콘 블록은 클릭 이벤트 설정이 가능하여 SNS 아이콘을 활용해 사이트 푸터에 SNS 링크를 연결하는 방법으로 디자인 구성이 가능합니다.

<figure><img src="/files/QOop2XCdunO1MjQWqklF" alt=""><figcaption></figcaption></figure>

### 블록 설정 방법

1. 사용하려는 블록을 추가합니다.
2. 퀵 메뉴의 상세설정을 클릭합니다.
3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

{% hint style="info" %}
블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.
{% endhint %}

#### 아이콘 블록\_설정 항목

<figure><img src="/files/BYgs27VqWkwhPtnmMVKr" alt=""><figcaption></figcaption></figure>

| 설정 항목                                                                                                    |
| -------------------------------------------------------------------------------------------------------- |
| <p><strong>아이콘 선택</strong><br>다양한 아이콘 디자인을 선택합니다.</p>                                                    |
| <p><strong>색상</strong><br>색상 코드를 입력하거나, 컬러피커에서 색상을 선택할 수 있습니다.</p><ul><li>% 조절을 통해 투명도를 설정합니다.</li></ul> |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.qshop.ai/customer_support/guide/design/editor/contents/icon.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.