# \[FEATURE\] Add ability to add Icon and styling to Perspective Dropdown items

**URL:** <https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 17, 2023, 5:33am UTC](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823 "2023-05-17T05:33:25Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 17, 2023, 9:55am UTC](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823/8 "2023-05-17T09:55:06Z")

</div>

```auto
url('/data/perspective/icons/material.svg#insert_emoticon')

```

hehe you'll need to add some sizes to it  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/c/fc6135de4e5859a5cb07bcaf4e3e8ff7a969184e.png)

might be easier to use it as background img than instead (need a, nonemtpy content still tho)

```auto
styles=".iaDropdownCommon_options [data-label='YourLabel']:before { padding:10px; content:' '; background-image: url('/data/perspective/icons/material.svg#insert_emoticon');	}"

```

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce42c0c34d6b443c821b393df8eebf5bd8c78509.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823)._