# Differentiate Admin and Moderator Shield Icons

**URL:** https://meta.discourse.org/t/differentiate-admin-and-moderator-shield-icons/106114
**Category:** UX
**Created:** [09.Январь.2019 21:21:33 UTC](https://meta.discourse.org/t/differentiate-admin-and-moderator-shield-icons/106114 "2019-01-09T21:21:33Z")
**Posts on this page:** 1
**Showing post:** 40

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [15.Январь.2025 14:44:04 UTC](https://meta.discourse.org/t/differentiate-admin-and-moderator-shield-icons/106114/40 "2025-01-15T14:44:04Z")

</div>

Самый простой способ сделать это — использовать тот же [код, что и выше](https://meta.discourse.org/t/differentiate-admin-and-moderator-shield-icons/106114/35?u=lilly), но также добавить код замены иконки во вкладку head-тега, как показано ниже:

 ![Screenshot 2025-01-15 at 6.41.46 AM](https://global.discourse-cdn.com/meta/original/4X/d/8/6/d8631b03ec304eee657ba08b05023eaeed4ac806.png)

в

```js
<script type="text/discourse-plugin" version="0.8"> 
  
  api.replaceIcon('shield-halved', 'hat-wizard')

</script>

```

результат:

 ![Screenshot 2025-01-15 at 6.43.24 AM](https://global.discourse-cdn.com/meta/original/4X/1/c/b/1cbe45f5ee427ba09a3604991ec4faebf6892c81.png)

---

_[View the full topic](https://meta.discourse.org/t/differentiate-admin-and-moderator-shield-icons/106114)._
