# \[FREE "ESSENTIAL" PLUGIN\] - Herofy - Heroicons & Iconify Icons Library **URL:** \ **Category:** Plugins\ **Created:** [July 13, 2023, 6:57am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250 "2023-07-13T06:57:50Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\ **Post date:** [July 13, 2023, 6:57am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/1 "2023-07-13T06:57:50Z")
Hello friends. Another plugin release for you. **Free this time**! ![cover](https://us1.discourse-cdn.com/bubble/original/3X/7/7/7732b957c14fed5e13ba719f7aef6901e16f4a1b.png) # Herofy - Heroicons & Iconify Icons [DEMO](https://gc-herofy.bubbleapps.io/version-test/) | [PLUGIN PAGE](https://bubble.io/plugin/%E2%9C%85-herofy---hero--iconify-icons-1689217790279x737365760841089000) | [GHOSTCODES](https://ghostmade.xyz) Uses **ICONIFY ICONS** and **HEROICONS** library. Fully responsive. Completely updated. **No errors in your console** (which is primarily why I made this). Forked from Heroicons, and completely rewrote Iconify Icons. The idea is simple, no more clutter. And I wanted the Hero Icons with just one single element, and the Iconify Icons with just one single element. No other clutter like “spinning”, “scale”, or separate elements for a size of icon/type. **My “improvements/changes”:** - Previews are more intuitive - Removed uneccessary properties like spin, scale, etc. - Added dynamic placeholders for when you are working with dynamic names (shows @ symbol on Heroicons automatically, or if you set “dummy” to true on Iconify. - Transition effects work. - Two elements for two libraries. - Iconify completely rewritten. - Heroicons cleaned up and reworked some of the code. - Updated libraries to latest versions. **Two simple elements:** - [GC] Hero Icon - [GC] Iconify Icon _Both fully dynamic if needed._ Supports hover and transition delay (not on animated icons) and clicked events. **For those of you who used the “clickable” property** That feature is gone. Just wrap the icon in a group and use that. I may add this feature again, but I’d rather make it where I also wrap on on top of the icon so the actual icon doesn’t block the whole “icon box” when you try to click it. ---
**Author:** ![espptyltd](https://avatars.discourse-cdn.com/v4/letter/e/ba8739/32.png) [@espptyltd](https://forum.bubble.io/u/espptyltd)\ **Post date:** [August 23, 2023, 11:20pm UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/2 "2023-08-23T23:20:32Z")
Thanks for the plugin, I’ve found that it works better than the other iconify plugins as it: - Shows the icon in the designer - Doesn’t have a lag effect when the element is set to be hidden from visible One issue I have found however is that I am unable to get a condition to change the icon colour to work. I am able to create the condition, but it does not apply, for example setting the icon colour to change on hover. ---
**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\ **Post date:** [August 24, 2023, 1:51am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/3 "2023-08-24T01:51:07Z")
Thank you! You mean the effect that I am using on the demo? ---
**Author:** ![espptyltd](https://avatars.discourse-cdn.com/v4/letter/e/ba8739/32.png) [@espptyltd](https://forum.bubble.io/u/espptyltd)\ **Post date:** [August 24, 2023, 2:53am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/4 "2023-08-24T02:53:37Z")
Here’s a screenshot from my app where I have a condition to change the Icon Colour when it is hovered, however this is not working and when I hover over the icon, it remains the default colour. ![image](https://us1.discourse-cdn.com/bubble/original/3X/9/e/9e21e96f7286f0876b90185d2fe81f75e2bdafac.png) ---
**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\ **Post date:** [August 24, 2023, 3:08am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/5 "2023-08-24T03:08:25Z")
I’m not sure if the issue is with your browser? ![msedge_eMfIXuLfP1](https://us1.discourse-cdn.com/bubble/original/3X/6/2/623eef0590d16211d90305941491e349938a50bf.png) this works on my demo page. ![msedge_K0k2iuTFB2](https://us1.discourse-cdn.com/bubble/original/3X/9/e/9e69b1f556512c7280e1ae2266507aa7786e79d0.gif) ---
**Author:** ![espptyltd](https://avatars.discourse-cdn.com/v4/letter/e/ba8739/32.png) [@espptyltd](https://forum.bubble.io/u/espptyltd)\ **Post date:** [August 24, 2023, 3:31am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/6 "2023-08-24T03:31:19Z")
Works fine for HeroIcons, but not for Iconfiy Icons ---
**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\ **Post date:** [October 30, 2023, 12:02am UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/9 "2023-10-30T00:02:55Z")
Hello friends! I have fixed the preview for the Iconify Icons and the color transition for them as well. ---
**Author:** ![wahid.elh](https://avatars.discourse-cdn.com/v4/letter/w/46a35a/32.png) [@wahid.elh](https://forum.bubble.io/u/wahid.elh)\ **Post date:** [December 8, 2023, 2:46pm UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/10 "2023-12-08T14:46:55Z")
Conditional colors with the option set don’t work. is it only me? The same configuration works for the other iconify plugins, but they have a bug where the 1st item of the list doesn’t show on a repeating group. On the image below: left is this plugin, right is the iconify plugin ![Screenshot 2023-12-07 174317](https://us1.discourse-cdn.com/bubble/original/3X/2/f/2f359208b9e205626f78d15eb48e8856b3d4d76d.png) Any idea ? ---
**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\ **Post date:** [December 8, 2023, 2:48pm UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/11 "2023-12-08T14:48:13Z")
Can you replicate the issue on a test app so I can see more in-depth? ---
**Author:** ![GH5T](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/gh5t/32/209141_2.png) [@GH5T](https://forum.bubble.io/u/GH5T)\ **Post date:** [March 4, 2024, 6:10pm UTC](https://forum.bubble.io/t/free-essential-plugin-herofy-heroicons-iconify-icons-library/272250/12 "2024-03-04T18:10:24Z")
**NEW UPDATE!** I have fixed the issues with Iconify icons not showing the colors right. \*You must now create a hover color from within the properties. I will have to look into improving this some other time.