# Access Perspective icon library in CSS

**URL:** <https://forum.inductiveautomation.com/t/access-perspective-icon-library-in-css/96757>\
**Category:** Ignition Early Access\
**Tags:** perspective\
**Created:** [October 3, 2024, 8:19am UTC](https://forum.inductiveautomation.com/t/access-perspective-icon-library-in-css/96757 "2024-10-03T08:19:25Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [October 3, 2024, 8:30am UTC](https://forum.inductiveautomation.com/t/access-perspective-icon-library-in-css/96757/2 "2024-10-03T08:30:54Z")

</div>

I did something with the icon materials here:

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

```

> [@\[FEATURE\] Add ability to add Icon and styling to Perspective Dropdown items](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823/8):
>
> url('/data/perspective/icons/material.svg#insert\_emoticon') hehe you'll need to add some sizes to it [image] might be easier to use it as background img than instead (need a, nonemtpy content still tho) styles=".iaDropdownCommon\_options [data-label='YourLabel']:before { padding:10px; content:' '; background-image: url('/data/perspective/icons/material.svg#insert\_emoticon'); }" [image]

---

_[View the full topic](https://forum.inductiveautomation.com/t/access-perspective-icon-library-in-css/96757)._