# Ícones personalizados de admin/usuário no cabeçalho

**URL:** <https://meta.discourse.org/t/custom-admin-user-icons-in-header/108337>\
**Category:** Product Support\
**Created:** [4 Fevereiro , 2019 19:08 UTC](https://meta.discourse.org/t/custom-admin-user-icons-in-header/108337 "2019-02-04T19:08:07Z")\
**Posts on this page:** 1\
**Showing post:** 4

<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:** [4 Fevereiro , 2019 20:37 UTC](https://meta.discourse.org/t/custom-admin-user-icons-in-header/108337/4 "2019-02-04T20:37:59Z")

</div>

That looks like a CSS issue. Easier to debug when looking at the site in a browser with the inspector open.

I didn’t look at the first script at all earlier, because I didn’t see an icon reference, but, in fact, you should merge the two scripts together to something like this:

```plaintext
<script type="text/discourse-plugin" version="0.8">
const { iconNode } = require("discourse-common/lib/icon-library");
let currentUser = api.getCurrentUser();
let icon = 'admin-icon';
if (currentUser && !currentUser.admin) {
  icon = 'shopping-cart';
}
api.decorateWidget('header-icons:before', helper => {
return helper.h('li', [
    helper.h('a#home-button', {
        href:'https://Example2.com',
        title: 'Button 2'
    }, iconNode(icon)),
]);
});
}
</script>

```

This will use `admin-icon` for admins and `shopping-cart` for non-admins. (Use an icon of your choice instead of the `admin-icon` placeholder I put in the code above.)

---

_[View the full topic](https://meta.discourse.org/t/custom-admin-user-icons-in-header/108337)._