Close

Login

Close

Register

Close

Lost Password

How to implemented Iconify into phpBB

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!

Share This Post

Related Posts

0
0

    Leave a Reply

    Thanks for submitting your comment!