# Hero Icons - How to Use Tutorial

**URL:** <https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521>\
**Category:** Community Resources\
**Created:** [December 5, 2021, 4:33am UTC](https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521 "2021-12-05T04:33:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [December 5, 2021, 4:33am UTC](https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521/1 "2021-12-05T04:33:02Z")

</div>

Hi guys, I created a video tutorial for those who asked how to use it. This is me explaining to the best of my understanding. I also found a few bugs and I will be reporting them on a different post. It’s a great feature!

After playing with it for a bit I think that the size of icon, padding, etc. are in percentage…not in pixels or any other unit. If anyone from the team can verify this, that would be great.

part 1

part 2

Would love to see a similar feature supporting Font Awesome which has a lot more icons, even just free ones

> **[Font Awesome](https://fontawesome.com/v5/search)**
>
> The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [December 5, 2021, 4:48am UTC](https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521/2 "2021-12-05T04:48:22Z")

</div>

Here are the bugs I found:

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [December 5, 2021, 2:07pm UTC](https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521/3 "2021-12-05T14:07:14Z")

</div>

I wonder if it’s because both of the column titles are “Image”, resulting in the GDE selecting the “first” one (the actual Image option and not the Plugin Image option)…

If it was called “xImage” (x representing experimental code/plugins), I wonder if this bug wouldn’t occur…🧐

As for it reverting to the default text…who knows? 🤷‍♂️

Regardless, thank you for the tutorials!

---

<div class="post-metadata">

**Author:** ![SuperMerabh](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@SuperMerabh](https://community.glideapps.com/u/SuperMerabh)\
**Post date:** [December 6, 2021, 1:04am UTC](https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521/4 "2021-12-06T01:04:30Z")

</div>

> [@ehdubya](#):
>
> I wonder if it’s because both of the column titles are “Image”, resulting in the GDE selecting the “first” one (the actual Image option and not the Plugin Image option)…

Maybe, I don’t think so, but still a bug 😀 you’re welcome!

---

<div class="post-metadata">

**Author:** ![L.M](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l.m/32/46371_2.png) [@L.M](https://community.glideapps.com/u/L.M)\
**Post date:** [December 6, 2021, 4:35pm UTC](https://community.glideapps.com/t/hero-icons-how-to-use-tutorial/35521/5 "2021-12-06T16:35:45Z")

</div>

Thks for your tutorials, Merab 🌸