Iconify combines pixel perfect rendering of SVG with ease of use of glyph fonts, while offering more choice than any glyph font or SVG framework.
You can use Font Awesome, Material Design Icons, Unicons, Dashicons and many other icon sets on same page or application using one syntax.
One library, over 100,000 vector icons.
I implemented Iconify into my forum this way:
This BBCode allows to place icons anywhere in posts.
1- I added this script before , in : overall_footer.html
<script src="https://code.iconify.design/2/2.0.4/iconify.min.js"></script>
2- In BBcode setting:
BBCode Usage:
[icy={TEXT}][/icy]
HTML Replacement:
<span class="iconify-inline" data-icon="{TEXT}"></span>
Help Line:
[icy=youiconid][/icy]
Replace “youiconid” with the icon name ex: icon-park:traditional-chinese-medicine
For more advanced:
1- In BBcode setting:
BBCode Usage:
[icyc="{TEXT}" color="{COLOR}"][/icyc]
HTML Replacement:
<span class="iconify-inline" data-icon="{TEXT}" style="color: {COLOR};"></span>
Help Line:
[icyc="youiconid" color="Yourcolor"][/icyc]
Replace “youiconid” with the icon name ex: icon-park:traditional-chinese-medicine , and the color for a color name or an Hex name, example: #ffffff or white
Icons collections:
All icons listed on Iconify website are free to use, their collections include popular icons, icon fonts and several Emoji.
https://icon-sets.iconify.design/
The color can be: color name or Hex name
Reference:
https://www.w3.org/wiki/CSS/Properties/color/keywords
https://htmlcolorcodes.com/color-names/
Have fun!