# 태그 아이콘에서 사용자 지정 아이콘 사용 시 문제

**URL:** https://meta.discourse.org/t/issue-using-custom-icon-with-tag-icons/272372
**Category:** Support
**Tags:** tag-icons
**Created:** [12월 18, 2019, 8:11오후 UTC](https://meta.discourse.org/t/issue-using-custom-icon-with-tag-icons/272372 "2019-12-18T20:11:47Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [12월 18, 2019, 9:00오후 UTC](https://meta.discourse.org/t/issue-using-custom-icon-with-tag-icons/272372/2 "2019-12-18T21:00:20Z")

</div>

안녕하세요 @kristof\_mulier님, Discourse에 오신 것을 환영합니다!

커스텀 아이콘을 추가하는 방법은 다음과 같습니다:

> [@pmusaraj](#):
>
> **커스텀 아이콘 추가**
> 
> FontAwesome에서 제공하는 것보다 더 많은 아이콘이 필요하시다면, 플러그인이나 테마에 자체 SVG 아이콘을 추가할 수 있습니다. 스프라이트 구조화 방법에 대한 예시는 [이 SVG 스프라이트](https://raw.githubusercontent.com/discourse/discourse/master/vendor/assets/svg-icons/discourse-additional.svg)를 참고하세요. (본질적으로 고유한 ID가 있는 `<symbol>` 요소들의 목록입니다.)
> 
> _테마 및 컴포넌트에서_: SVG 스프라이트를 `/assets` 폴더에 추가하고, `about.json`에서 변수 이름 `icons-sprite`를 사용하여 참조합니다. `my-icons.svg`라는 이름의 스프라이트의 경우, assets.json에는 다음이 포함되어야 합니다:
> 
> ```plaintext
> "assets": {
> "icons-sprite": "/assets/my-icons.svg"
> }
> 
> ```
> 
> UI를 통해 테마나 컴포넌트에 SVG 스프라이트를 추가하는 것도 가능합니다. 이 경우 SCSS 변수 이름이 `icons-sprite`로 설정되어 있는지 확인하세요. 스크린샷:
> 
> ![image.png](https://global.discourse-cdn.com/meta/original/4X/f/1/9/f193ce6ad9125fb89f471edbdd7bd3fbda1811b9.png)

요약하자면, SVG 아이콘을 스프라이트에 추가하고 ID를 부여한 후, 스프라이트를 테마에 추가하고 변수 이름을 `icons-sprite`로 설정해야 합니다. 이 작업이 완료되면 FA 아이콘 ID처럼 아이콘의 ID를 사용할 수 있습니다(그리고 $ 기호는 사용하지 마세요).

---

_[View the full topic](https://meta.discourse.org/t/issue-using-custom-icon-with-tag-icons/272372)._