# Icon Issue

**URL:** <https://community.glideapps.com/t/icon-issue/36894>\
**Category:** Ask for Help\
**Created:** [January 9, 2022, 3:07pm UTC](https://community.glideapps.com/t/icon-issue/36894 "2022-01-09T15:07:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kyan\_Lynch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyan_lynch/32/28521_2.png) [@Kyan\_Lynch](https://community.glideapps.com/u/Kyan_Lynch)\
**Post date:** [January 9, 2022, 3:07pm UTC](https://community.glideapps.com/t/icon-issue/36894/1 "2022-01-09T15:07:59Z")

</div>

I am using pages to build a product. I want to use icons as button labels to reduce the amount of text on the screen. This looks great on my windows laptop, but the icons render in color on apple devices, resulting in some of them being really hard if not impossible to see, thereby defeating the purpose.

I tried the hero icons plug in which is very cool, but I can’t display the result as a button label (or at least I couldn’t see a way to do it).

Any advice?

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [January 9, 2022, 3:53pm UTC](https://community.glideapps.com/t/icon-issue/36894/2 "2022-01-09T15:53:01Z")

</div>

It would involve a bit of work. What you could do is detect the OS of logged in user and conditionally show or hide two identical buttons. (One that looks good on windows and one that looks good on Mac)

At the moment we don’t have dynamic button icons (at least not on glideapps)

I haven’t tried the above. Here is the thread I got my inspiration from.

> [@Agent for information](https://community.glideapps.com/t/agent-for-information/29981/23):
>
> new version [https://Agent.manun2.repl.co](https://Agent.manun2.repl.co) Can you test for Mac [image] This is a code that I found on the net !!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 9, 2022, 11:48pm UTC](https://community.glideapps.com/t/icon-issue/36894/3 "2022-01-09T23:48:59Z")

</div>

If the same icon renders in a “bad” way as Kyan said then what I would do is try some CSS to change its filling color, regardless of the OS.

@Kyan_Lynch, can you provide me some screenshots on how your icons look on Apple devices?