# 🆕 Hero Icons (icons from names) Plugin **URL:** \ **Category:** General\ **Created:** [October 28, 2021, 12:18pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683 "2021-10-28T12:18:21Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [October 28, 2021, 12:18pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/1 "2021-10-28T12:18:21Z")
[This plugin](https://www.glideapps.com/plugins/heroicons) turns names like `beaker`, `heart`, or `wifi` into scalable, modern icons: ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/8/68737257479982bfc33b5a5d1f31c49b75eb5dce.jpeg) - Here are the 230 icons in two styles with their names: [https://heroicons.com/](https://heroicons.com/) - You can set foreground color, background color, size, padding, and style. Enjoy! ---
**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\ **Post date:** [October 28, 2021, 12:29pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/2 "2021-10-28T12:29:57Z")
Amazing stuff 😻 ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [October 28, 2021, 12:40pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/3 "2021-10-28T12:40:04Z")
![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/3/638ca51092c7043b8f2698ff213e111b1820118f.gif) ---
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [October 28, 2021, 12:56pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/4 "2021-10-28T12:56:58Z")
---
**Author:** ![Aymeric\_de\_Maussion](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymeric_de_maussion/32/29505_2.png) [@Aymeric\_de\_Maussion](https://community.glideapps.com/u/Aymeric_de_Maussion)\ **Post date:** [October 28, 2021, 1:00pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/5 "2021-10-28T13:00:38Z")
Very useful ! Thanks 😍 ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [October 28, 2021, 1:17pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/6 "2021-10-28T13:17:10Z")
This is exactly what I was asking for when I requested “icon picker as part of the image column”. Beautiful! ---
**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:** [October 28, 2021, 1:41pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/7 "2021-10-28T13:41:33Z")
So lovely! Thanks! ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [October 28, 2021, 2:11pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/8 "2021-10-28T14:11:54Z")
How to use this icons? ---
**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:** [October 28, 2021, 2:18pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/9 "2021-10-28T14:18:48Z")
You can use that with the Experimental Code column. ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [October 28, 2021, 2:20pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/10 "2021-10-28T14:20:04Z")
Please post any examples of usecase if you have time.only one. ---
**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:** [October 28, 2021, 2:22pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/11 "2021-10-28T14:22:57Z")
Well David’s post showed one, if you want an example. ---
**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\ **Post date:** [October 28, 2021, 2:23pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/12 "2021-10-28T14:23:37Z")
Just saw one.will try n learn. ---
**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:** [October 28, 2021, 2:41pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/13 "2021-10-28T14:41:08Z")
Does it work for tabs and floating buttons? ---
**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:** [October 28, 2021, 2:44pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/14 "2021-10-28T14:44:28Z")
👩‍🎤How about background opacity? To get + or - transparent icon buttons 😋 You guys rock 🎸 ---
**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\ **Post date:** [October 28, 2021, 2:51pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/15 "2021-10-28T14:51:36Z")
Probably not because the icons used for tabs and buttons are for Pro plans only, I think. ---
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [October 28, 2021, 2:52pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/16 "2021-10-28T14:52:04Z")
> [@garrison](#): > > the icons used here are for Pro plans only This plugin works no matter which plan you are on. ---
**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:** [October 28, 2021, 2:55pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/17 "2021-10-28T14:55:42Z")
Gnaw 😊! (Chinese kitten voice) ---
**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\ **Post date:** [October 28, 2021, 2:55pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/18 "2021-10-28T14:55:53Z")
Oh, so we no longer need the Pro plan to unlock more icons? ---
**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\ **Post date:** [October 28, 2021, 2:58pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/19 "2021-10-28T14:58:56Z")
This code column is separate from the icons you can choose in Glide. It just turns names like `heart` into URLs that load images of hearts and other icons. ---
**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\ **Post date:** [October 28, 2021, 3:01pm UTC](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683/20 "2021-10-28T15:01:21Z")
Thanks, that’s what I thought. I think LM was hoping they could be used to assign icons to the tabs and buttons which is not the purpose of this plugin. [Next page](https://community.glideapps.com/t/hero-icons-icons-from-names-plugin/33683.md?page=2)