# 커스텀 헤더 링크 테마 컴포넌트에 내 SVG 아이콘을 사용하는 방법?

**URL:** <https://meta.discourse.org/t/how-to-use-my-own-svg-icons-in-custom-header-links-theme-component/238196>\
**Category:** Support\
**Created:** [9월 6, 2022, 3:32오전 UTC](https://meta.discourse.org/t/how-to-use-my-own-svg-icons-in-custom-header-links-theme-component/238196 "2022-09-06T03:32:30Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)\
**Post date:** [10월 12, 2022, 3:06오후 UTC](https://meta.discourse.org/t/how-to-use-my-own-svg-icons-in-custom-header-links-theme-component/238196/7 "2022-10-12T15:06:32Z")

</div>

안녕하세요 @danielabc

`/admin/customize/themes`로 이동하여 **Icon Header Links** 구성 요소를 찾으시면 됩니다. 최신 업데이트가 적용되지 않았다면 업데이트 버튼이 표시되어야 합니다.

 ![update button](https://global.discourse-cdn.com/meta/original/4X/7/8/5/785fec51262e4321b17a98e0db5b422db59b6f09.png)

테마 구성 요소를 업데이트한 후, 각 아이콘 링크를 설정하는 테마 설정 화면에서 Font Awesome 아이콘 이름 대신 이미지 소스의 URL을 사용하시면 됩니다.

예를 들어, 저는 링크를 다음과 같이 설정했습니다:

```plaintext
Desktop mobile link, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

```

이렇게 렌더링됩니다:

 ![sample render](https://global.discourse-cdn.com/meta/original/4X/3/7/5/375dd401e684035834abf4605e64dbc0a169fedd.png)

---

_[View the full topic](https://meta.discourse.org/t/how-to-use-my-own-svg-icons-in-custom-header-links-theme-component/238196)._