# 스태프 아이콘을 어떻게 변경하나요? **URL:** https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129 **Category:** Support **Created:** [12월 5, 2019, 5:43오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129 "2019-12-05T05:43:52Z") **Posts on this page:** 12 **Page:** 1
### Author: ![Nisutec](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nisutec/32/162327_2.png) [@Nisutec](https://meta.discourse.org/u/Nisutec) #### Post date: [12월 5, 2019, 5:43오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/1 "2019-12-05T05:43:52Z")
안녕하세요, 스태프 아이콘을 관리자(Admins)와 모더레이터(Mods)에서 다른 아이콘으로 변경할 수 있나요? ---
### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip) #### Post date: [12월 5, 2019, 6:31오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/2 "2019-12-05T06:31:32Z")
이 주제를 확인해 보세요: > [@Why can't I edit the moderator group settings like any other new group?](https://meta.discourse.org/t/why-cant-i-edit-the-moderator-group-settings-like-any-other-new-group/115287/3?u=omarfilip): > > Custom descriptions for automatic groups (admin/moderator/trust levels) will be available soon along with a new groups directory design. I don’t think there’s a reason to not have flair for those groups, there’s just a bit of a complication where flair is currently used to show a user’s primary group, and automatic groups can’t be set as primary groups… so it’s a little more complicated than it seems on the surface. There’s some related discussion about this here: [Avatar Flair Image for autom…](https://meta.discourse.org/t/avatar-flair-image-for-staff-moderators-admin/98618) ---
### Author: ![Nisutec](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nisutec/32/162327_2.png) [@Nisutec](https://meta.discourse.org/u/Nisutec) #### Post date: [12월 5, 2019, 6:51오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/3 "2019-12-05T06:51:29Z")
이 정보에 감사하지만, 스태프 멤버의 사용자 이름 뒤에 있는 방패 아이콘을 변경할 것입니다. ---
### Author: ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008) #### Post date: [12월 5, 2019, 12:51오후 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/4 "2019-12-05T12:51:46Z")
이것이 원하는 변경 사항이라면, 사용자 이름 옆의 아이콘을 변경하세요. ![image](https://global.discourse-cdn.com/meta/original/3X/b/3/b39a7c37ee8048b50e0e1cc1f8ca78b618244c9a.png) 공용 헤더(common header)에 다음을 추가하세요. ``` ``` 'terminal’은 제가 선택한 아이콘이므로, 원하는 아이콘으로 교체하세요. 또한 관리자 패널(admin panel)의 "svg icon subset"에도 선택한 아이콘을 추가하세요. 혹시 헤매신다면, 여기서 "svg icon subset"을 검색해 보세요. ---
### Author: ![Nisutec](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nisutec/32/162327_2.png) [@Nisutec](https://meta.discourse.org/u/Nisutec) #### Post date: [12월 6, 2019, 6:12오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/5 "2019-12-06T06:12:57Z")
헤더에 다음 코드를 추가했습니다. ![grafik](https://global.discourse-cdn.com/meta/original/3X/a/9/a989831d0bddff9598b65408cf3120523fa623a7.png) 하지만 이제 방패 아이콘이 숨겨져 있습니다. 다른 FA 아이콘을 사용하려면 어떻게 해야 하나요? > [@anon48433008](#): > > 또한 관리 패널의 “svg icon subset”에 선택한 내용을 추가하세요. FA Pro 아이콘을 "svg icon subset"에 추가할 수 있나요? ---
### Author: ![anon48433008](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anon48433008](https://meta.discourse.org/u/anon48433008) #### Post date: [12월 6, 2019, 2:25오후 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/6 "2019-12-06T14:25:10Z")
> [@Nisutec](#): > > “svg icon subset”에 FA Pro Icons를 추가할 수 있을까요? 잘 모르겠지만, 아마도 구독/지불이 필요하고 그렇게 했다면 스크립트를 수정해야 할 가능성이 높을 겁니다. > **[Font Awesome](https://fontawesome.com/support)** > > The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. 그들에게 연락해서 물어보고, 결과를 알려주세요. 연간 99달러가 가치 있는지는 잘 모르겠지만, 충분히 많은 사람들이 요청한다면 Discourse가 라이선스를 취득/추가할 수 있을지도 모릅니다. 그때까지는 무료 아이콘을 사용하실 수 있습니다. > **[Font Awesome](https://fontawesome.com/icons?d=gallery&m=free)** > > The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. ---
### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin) #### Post date: [12월 6, 2019, 2:54오후 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/7 "2019-12-06T14:54:27Z")
도움이 될지는 모르겠지만, 이 내용들을 참고해 보세요: > [@Replace Discourse's default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736): > > You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them [within a theme or theme component.](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#create-new-themes-and-theme-components-7)Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the \ tag contents from the original SVG icon file into \ … > [@Introducing Font Awesome 5 and SVG icons](https://meta.discourse.org/t/introducing-font-awesome-5-and-svg-icons/101643): > > See also: [We're upgrading our icons to Font Awesome 6!](https://meta.discourse.org/t/were-upgrading-our-icons-to-font-awesome-6/325349) We will shortly merge into master a [branch](https://github.com/discourse/discourse/tree/fontawesome5) that upgrades Discourse to Font Awesome 5.5.0 (the free version) and switches to using SVG icons instead of an icon font. This is a substantial change, with lots of benefits, and one significant change for developers. Here is a quick rundown of the changes: using SVG icons will provide crisper icons, better for accessibility and easier to customize, see [this Github article](https://blog.github.com/2016-02-22-delivering-octicons-with-svg/) for more details since… ---
### Author: ![Nisutec](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nisutec/32/162327_2.png) [@Nisutec](https://meta.discourse.org/u/Nisutec) #### Post date: [12월 6, 2019, 6:43오후 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/8 "2019-12-06T18:43:17Z")
> [@anon48433008](#): > > 잘 모르겠지만, 아마 구독/지불이 필요할 것이고, 그렇게 했다는 점을 반영하기 위해 스크립트를 수정해야 할 것 같습니다. 네, 헤더의 첫 번째 줄은 모든 FA 아이콘을 사용할 수 있도록 하기 위한 것입니다. 하지만 현재 API는 아마도 이를 액세스할 수 없을 것입니다. 해당 기능 요청을 해보겠습니다. 모두에게 도움 주셔서 감사합니다 👍 ---
### Author: ![Nisutec](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nisutec/32/162327_2.png) [@Nisutec](https://meta.discourse.org/u/Nisutec) #### Post date: [12월 6, 2019, 9:29오후 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/9 "2019-12-06T21:29:05Z")
커스텀 SVG 파일을 아이콘으로 사용하려면 어떻게 해야 하나요? Dark Design에 SVG 파일을 업로드했습니다. ![grafik](https://global.discourse-cdn.com/meta/original/3X/1/0/1093fe0cbc89680d59157ffba75db7ee0fa337ef.png) 그리고 다음과 같은 커스텀 헤더를 사용했습니다. ``` ``` 하지만 아이콘이 보이지 않습니다. ---
### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin) #### Post date: [12월 6, 2019, 9:45오후 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/10 "2019-12-06T21:45:04Z")
이것은 그렇게 작동하지 않습니다. `$shield-alt-duotone`는 사용자 정의 CSS에서 사용하도록 설계된 변수입니다. 이전에 링크한 첫 번째 주제는 SVG 파일로 아이콘을 새 아이콘으로 교체하는 방법을 설명합니다: > [@Replace Discourse's default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736): > > You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them [within a theme or theme component.](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#create-new-themes-and-theme-components-7)Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the \ tag contents from the original SVG icon file into \ … ---
### Author: ![Nisutec](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nisutec/32/162327_2.png) [@Nisutec](https://meta.discourse.org/u/Nisutec) #### Post date: [12월 7, 2019, 9:29오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/11 "2019-12-07T09:29:15Z")
음, 작동하네요. 감사합니다. ---
### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system) #### Post date: [1월 6, 2020, 9:31오전 UTC](https://meta.discourse.org/t/how-i-can-change-the-staff-icon/135129/12 "2020-01-06T09:31:24Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.