Add custom icons from web to your Joomla Site!

All you need to do:

• Install the Plugin
• Enable the Icon Library you want to use
• Use the icon classes in your content - what ever content you are working, articles, modules, 3rd party components! No matter
• Enable or disable to use at backend!, optionally!

Plugin Back-end

Usage

• You can use 4 different icon library easily
• Font Awesome Icons
• Google Material Icons
• Themify Icons
• Foundation Icons

Font Awesome Icons Usage

All you need to do is adding <i class="fa fa-[icon]">, samples below shows using font-awesome's joomla icon.

You can find a list of icons here : Click here for a list of font-awesome icons

Font-awesome gives you different usages by adding more attributes, You can find here usage : Click here for a list of font-awesome icons usage

Google Material Icons Usage

For adding material icons you can use <i> or <span> tags with class="material-icons"

Lets say, you want to add face 24 icon, then you need to add <i class="material-icons">face 24</i>

accessibility accessibility accessibility build done alarm

You can find a list of icons here : Click here for a list of Google Material Icons

Themify Icons Usage

For adding material icons you can use <i> or <span> tags with class="ti-[icon]"

Lets say, you want to add arrow-up icon, then you need to add <i class="ti-arrow-up"></i>

You can find a list of icons here : Click here for a list of Themify Icons

Foundation Icons Usage

For adding foundation icons you can use <i> tags with class="fi-[icon]"

Lets say, you want to add heart icon, then you need to add <i class="fi-heart"></i>

You can find a list of icons here : Click here for a list of Foundation Icons