# Custom Icon for Kibana App Category

**URL:** https://discuss.elastic.co/t/custom-icon-for-kibana-app-category/272847
**Category:** Kibana
**Tags:** kibana-plugin-development
**Created:** [May 12, 2021, 8:20pm UTC](https://discuss.elastic.co/t/custom-icon-for-kibana-app-category/272847 "2021-05-12T20:20:28Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![amartin-layer3com](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@amartin-layer3com](https://discuss.elastic.co/u/amartin-layer3com)
#### Post date: [May 12, 2021, 8:20pm UTC](https://discuss.elastic.co/t/custom-icon-for-kibana-app-category/272847/1 "2021-05-12T20:20:28Z")

</div>

Our business uses a simple in-house kibana plugin to present dashboard links in the sidebar. Here is an image illustrating how this might look:

 ![link-plugin-without-logo](https://us1.discourse-cdn.com/elastic/original/3X/6/7/67c1923cb59d6c4ec0054a48aa80560271d3f1a8.png)

To get this to work, we have an custom `AppCategory` in our plugin:

```auto
    const WIDGET_CORP_CATEGORY: AppCategory = {
        id: 'widgetcorp',
        label: i18n.translate('core.ui.kibanaNavList.label', {
          defaultMessage: 'Widget Corp. Category',
        }),
        order: 500,
      };

```

And then, when calling core.application.register():

```auto
    core.application.register({
      ...
      category: WIDGET_CORP_CATEGORY,
      ...
    });

```

This works, but I have not been able to figure out how to add a custom icon for the `AppCategory`. [AppCategory](https://github.com/elastic/kibana/blob/7.12/docs/development/core/public/kibana-plugin-core-public.appcategory.md) accepts an optional [euiIconType](https://github.com/elastic/kibana/blob/7.12/docs/development/core/public/kibana-plugin-core-public.appcategory.euiicontype.md) field, but as best I can tell, this must be a string from a special wired-in list: `iconKibana`, `iconManagement`, etc. I've tried grepping through the kibana source for fragments of the svgs that correspond to these (e.g. `M16 21a5 5`), and they all come from this file:

```auto
x-pack/build/plugin/kibana/x-pack/plugins/canvas/shareable_runtime/build/kbn_canvas.js

```

Unfortunately, this file is minified and is a dead end.

I would like to be able to add my own svg icon for the `AppCategory` that our plugin creates. Is this supported, and if so, how can it be accomplished? Thanks.

Editing to include version information: We use Elasticsearch and Kibana version 7.12.1.

---

<div class="post-metadata">

### Author: ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)
#### Post date: [May 13, 2021, 9:14am UTC](https://discuss.elastic.co/t/custom-icon-for-kibana-app-category/272847/2 "2021-05-13T09:14:34Z")

</div>

Hello, I'm pretty sure the icons from the EUI package, the Canvas ones are packaged there to be used as "word art" in Canvas dashboards.  
here is the EUI repo:

> **[elastic/eui](https://github.com/elastic/eui)**
>
> Elastic UI Framework 🙌. Contribute to elastic/eui development by creating an account on GitHub.

And there is a readme on how to create an icon:

> <https://github.com/elastic/eui/blob/master/wiki/creating-icons.md>

I guess you'd have to build a version of EUI of your own, and replace the changed file for the icons in you Kibana install (have never done it until now, but it should work)

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [June 10, 2021, 9:15am UTC](https://discuss.elastic.co/t/custom-icon-for-kibana-app-category/272847/3 "2021-06-10T09:15:26Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.