# AUI icons stopped displaying in jira.project.sidebar.plugins.navigation web item in new Jira UI

**URL:** <https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748>\
**Category:** Jira Cloud\
**Tags:** atlassian-connect-dev, jira-cloud, atlassian-connect\
**Created:** [January 20, 2018, 1:56pm UTC](https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748 "2018-01-20T13:56:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dzagorovsky](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/dzagorovsky/32/35913_2.png) [@dzagorovsky](https://community.developer.atlassian.com/u/dzagorovsky)\
**Post date:** [January 20, 2018, 1:56pm UTC](https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748/1 "2018-01-20T13:56:46Z")

</div>

Our AC add-on’s web item AUI icon in jira.project.sidebar.plugins.navigation is displayed as default after upgrading to the new Jira UI:

 ![image](https://global.discourse-cdn.com/atlassiandeveloper/original/3X/c/2/c2debb28fa0878563e1779ee73f72c87be338001.jpg)

Web item is defined as follows:

```auto
"webItems": [
    {
      "location": "jira.project.sidebar.plugins.navigation",
      "key": "project-panel-wi",
      "url": "/add-on-url",
      "context": "product",
      "params": {
        "iconClass": "aui-icon aui-icon-large aui-iconfont-group"
      }
    }
  ]

```

Using styleClasses instead of params didn’t help:

```auto
"styleClasses": [
"aui-iconfont-group"
]

```

How we can use AUI icons in web items with new Jira UI?

Thanks,  
Dmitry

---

<div class="post-metadata">

**Author:** ![alexter\_pr](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/alexter_pr/32/33855_2.png) [@alexter\_pr](https://community.developer.atlassian.com/u/alexter_pr)\
**Post date:** [January 20, 2018, 4:26pm UTC](https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748/2 "2018-01-20T16:26:48Z")

</div>

As far as i know there is no way to change this icon in new UI yet

---

<div class="post-metadata">

**Author:** ![iogorodov](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/iogorodov/32/39763_2.png) [@iogorodov](https://community.developer.atlassian.com/u/iogorodov)\
**Post date:** [January 28, 2018, 10:28pm UTC](https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748/3 "2018-01-28T22:28:12Z")

</div>

You can use your custom icon with `icon` field:

```auto
"webItems": [
    {
        "key": "report",
        "location": "jira.project.sidebar.plugins.navigation",
        "name": {
            "value": "xxx"
        },
        "icon": {
            "url": "/static/assets/img/report-sidebar.svg",
            "width": 20,
            "height": 20
        },
        "url": "/projects/{project.key}?selectedItem={{addonKey}}__report",
        "context": "product"
    }
],

```

---

<div class="post-metadata">

**Author:** ![alexter\_pr](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/alexter_pr/32/33855_2.png) [@alexter\_pr](https://community.developer.atlassian.com/u/alexter_pr)\
**Post date:** [January 29, 2018, 7:21am UTC](https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748/4 "2018-01-29T07:21:46Z")

</div>

Ye, sorry for being misinformative about icon, though i was concerned about new design, writing with [this answer](https://community.developer.atlassian.com/t/is-it-possible-to-change-the-add-on-icon-in-the-sidebar-new-design/5570) in mind

---

<div class="post-metadata">

**Author:** ![iogorodov](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/iogorodov/32/39763_2.png) [@iogorodov](https://community.developer.atlassian.com/u/iogorodov)\
**Post date:** [February 5, 2018, 8:18am UTC](https://community.developer.atlassian.com/t/aui-icons-stopped-displaying-in-jira-project-sidebar-plugins-navigation-web-item-in-new-jira-ui/13748/5 "2018-02-05T08:18:43Z")

</div>

Am not sure how it works in June 17, but currently with this code we show our custom icon in project sidebar [https://i.imgur.com/rhzaXrj.png](https://i.imgur.com/rhzaXrj.png)