# LayoutComponents icon

**URL:** https://discourse.getcockpit.com/t/layoutcomponents-icon/1920
**Category:** Support
**Created:** [April 26, 2021, 8:47am UTC](https://discourse.getcockpit.com/t/layoutcomponents-icon/1920 "2021-04-26T08:47:01Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![dvarga](https://avatars.discourse-cdn.com/v4/letter/d/5fc32e/32.png) [@dvarga](https://discourse.getcockpit.com/u/dvarga)
#### Post date: [April 26, 2021, 8:47am UTC](https://discourse.getcockpit.com/t/layoutcomponents-icon/1920/1 "2021-04-26T08:47:02Z")

</div>

Is it possible to change the icon of the component that was created with the LayoutComponents addon?

---

<div class="post-metadata">

### Author: ![fschuermeyer](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/fschuermeyer/32/216_2.png) [@fschuermeyer](https://discourse.getcockpit.com/u/fschuermeyer)
#### Post date: [May 17, 2021, 11:58pm UTC](https://discourse.getcockpit.com/t/layoutcomponents-icon/1920/2 "2021-05-17T23:58:50Z")

</div>

Hay yes it’s Possible with a Little Workaround.

/storage/components.json - the Place of the New Created Components.

Than add a Icon Attribute to the Component and add a base64 Image as a String.

Thats worked for me but its not the Best Solution perhaps.

Example:

```auto
{
    "Navigation": {
        "label": "Seite",
        "icon": "data:image\/png;base64,xxxxxx",
        "dialog": "large",
        "children": true,

```