# Perspective: material io icons not showing up in Edge browser

**URL:** <https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934>\
**Category:** Ignition\
**Created:** [August 20, 2020, 1:54am UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934 "2020-08-20T01:54:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 20, 2020, 1:54am UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/1 "2020-08-20T01:54:40Z")

</div>

v8.0.15

I accidentally opened Perspective up in Edge instead of Chrome but I noticed that Icons don’t appear to be working in Edge. Comparison below Edge vs Chrome.

 ![Annotation 2020-08-20 125524](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/0075f9ebca96d4611d08a9e3bbd60e9f435e992f.png)

These are the properties set for the button:

 ![Annotation 2020-08-20 125604](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/2/7274b4c3d32adb3e390eecaeb4963b75fede31c6.png)

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [August 21, 2020, 3:30pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/2 "2020-08-21T15:30:03Z")

</div>

When using an Icon either in a button, or just an icon on the page. I have found that they dont seem to render on Microsoft Edge.

When the icons are in a button, it also changes the button to render the default background, even when there is a style class applied that makes it transparent.

View on edge

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/9/a90bfae45fd5fcf8fc75ced451c2581a66245b9c.png)

View on Chrome:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/4/84fbd716e05150044fc2713c66b7db1ce6dfab7b.png)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 21, 2020, 3:56pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/3 "2020-08-21T15:56:04Z")

</div>

Is this Chromium Edge or “old” Edge?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 21, 2020, 9:33pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/4 "2020-08-21T21:33:20Z")

</div>

It’s not-the-new-logo Edge, if that helps… **not** this one ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/8/4889c4ec282aa0485b0aea768404c5232115c3ad.png) (I launched on another machine so don’t have the old one installed)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 21, 2020, 9:34pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/5 "2020-08-21T21:34:27Z")

</div>

I found that as well with transparency, old Edge didn’t like it at all. Those chevron buttons had a transparent colour set to their background and they went black

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [August 23, 2020, 1:43pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/6 "2020-08-23T13:43:12Z")

</div>

> [@paul-griffith](#):
>
> Is this Chromium Edge or “old” Edge?

Mine is in "old edge", which unfortunately is a requirement from my customer at this time.

However I did try it on Chromium Edge and the issue dissapears

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 24, 2020, 3:27pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/7 "2020-08-24T15:27:00Z")

</div>

This is _not_ an official statement from IA, but I can’t say that getting things to work on “Edge Legacy” will be a great idea, given that support is being dropped in less than six months:

> **[Microsoft 365 apps say farewell to Internet Explorer 11 and Windows 10...](https://techcommunity.microsoft.com/t5/microsoft-365-blog/microsoft-365-apps-say-farewell-to-internet-explorer-11-and/ba-p/1591666)**
>
>     June 23, 2021: The future of Internet Explorer on Windows 10 is in Microsoft Edge. Please refer to this blog to learn more about the retirement announcement.   February 5, 2021: A new announcement has been made regarding...

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [August 24, 2020, 4:06pm UTC](https://forum.inductiveautomation.com/t/perspective-material-io-icons-not-showing-up-in-edge-browser/37934/8 "2020-08-24T16:06:32Z")

</div>

Sounds like I good reason for me to push for them to switch to new edge!
