Filters: FontAwesome icons

Maintained by Picture of Adrian Perez RodriguezAdrian Perez Rodriguez
This filter allows you to use fontawesome icons in the Moodle text editor without worrying about the HTML syntax.
1083 sites
42 fans
Current versions available: 3

Font Awesome gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS. More info on FontAwesome can be found here

This filter allows you to add FontAwesome icons to anywhere you have a text box in Moodle.


Please read the README file provided with this filter. The filter does not provide FontAwesome, just a way to easily add the icon tags to moodle text boxes without having them stripped. 


We suggest to use the installation with Git but other ways you can do the manual way:

  1. Download any applicable file version.
  2. Upload the zipped file to moodle > filter.
  3. Unzip, and log-in as administrator and the plug-in installation wizard will start.
  4. It will ask for choosing settings, in that case just keep the default "Moodle Auto Format" selected. You can always come back to these settings by going to Site Administration > Plugins > Filters > FontAwesome Icon Filter.

Enabling FontAwesome Icon Filter

Once FontAwesome has installed, It won't show up automatically until you actually enable the filter to work in Moodle, for that go to Site Administration > Plugins > Filters > Manage Filters. You'll see FontAwesome Icon Filter in the list, click "ON" where its mentioned disabled in drop down. Using the above format will start showing up icons where applicable. 


Screenshot #0
Screenshot #1


Picture of Adrian Perez Rodriguez
Adrian Perez Rodriguez (Lead maintainer)
Julian Ridden
Julian Ridden: Original author
Picture of Usman Asar
Usman Asar: Previous maintainer
Please login to view contributors details and/or to contact them

Comments RSS


  • Picture of Usman Asar
    Fri, Nov 18, 2016, 6:43 AM
    Reenat, I have updated plug-in without any issues, have you not tried updating it? if it is not working then try uninstalling and re-installing the plug-in.
  • Ricardo Caiado
    Sat, Nov 19, 2016, 12:24 AM

    On the "Description" tab the text "To learn how to add this Font to your moodle site read this blog post." send us to a broken link.

  • Picture of Usman Asar
    Sat, Nov 19, 2016, 3:41 AM
    Ricardo, that blog-post was in ownership of Julien, and I assumed he has kept it running, but seems like he removed his site all together, but dont worry, I will update a post soon on my own blog explaining how to use FontAwesome icon filter. Will update you once I have uploaded the post.
  • Picture of Joël Schmid
    Thu, Dec 1, 2016, 8:39 PM
    Does someone have the same problem and is not able to use the new icons provided in FontAwesome version 4.7? Is there a GitHub project for this filter where I could create an issue?
  • Picture of Usman Asar
    Fri, Dec 2, 2016, 12:53 AM
    Joel, is your theme updated with FontAwesome 4.7 as well?
  • Picture of Joël Schmid
    Fri, Dec 2, 2016, 8:47 PM
    @Usman Asar, thats it! I Had to change the CDN Link in the "Additional HTML" Settings (Dashboard / ▶︎ Site administration / ▶︎ Appearance / ▶︎ Additional HTML) to the newest version: Thank you for your help!
  • Picture of Raymon Akbar
    Thu, Dec 8, 2016, 9:00 AM
    I wonder that can I install this plugin in any themes? Such as academi or etc from theme directory in since I read from the description:

    "If you are using a FontAwsome equipped theme (like Essential, Elegance, Adaptable, Shoehorn, Shoelace, BCU, Bootstrap, Flexibase, Pioneer, UIKit, Evolve-D etc) then this filter will allow you to use FontAwesome icons in your content using the easy syntax rather than typing the whole font embed code."

    And I can't find the detail about the other theme. Thank you.
  • Picture of Usman Asar
    Fri, Dec 9, 2016, 10:34 AM
    Raymon, of course you can, use CDN link into the theme of your choice, and it will work with them as well, unlike earlier, where FontAwesome link was publicly available, you have to sign up to their account o get your CDN link (go to get your CDN link and follow what Joel has mentioned above (putting link in theme header).
    But as well keep in mind, after FontAwesome 5 launch (May 2017), the CDN links may will only be available for a year.
  • Picture of Matlabi متلبی
    Sat, Aug 25, 2018, 2:34 AM
    Does someone have the same problem and is not able to use the new icons provided in FontAwesome version 4.7? Is there a GitHub project for this filter where I could create an issue?
  • Ricardo Caiado
    Tue, Sep 4, 2018, 8:30 AM

    Any update to Moodle 3.5?

  • Picture of David Mudrák
    Wed, Sep 12, 2018, 3:06 AM

    I just unapproved this plugin as it did not have valid source code URL and bug tracker URL set - both set to "n/A". This violates the plugin approval criteria. Please submit the filter for re-approval once the fields have a valid value again. Thanks for keeping the plugin record up to date.

  • Picture of Plugins bot
    Fri, Dec 14, 2018, 6:20 PM
    Approval issue created: CONTRIB-7571
  • Picture of Dan Marsden
    Thu, Jan 31, 2019, 3:32 PM
    Hi Adrian - thanks for updating the plugin - I've re-approved the plugin again!
  • Picture of Liana Shpani
    Tue, Apr 2, 2019, 12:40 AM

    First of all, very nice plugin! I recently installed it in our Moodle test environment, but
    I am having an issue that not all icons display. I am using the codes for free solid icons, and certain (random) icons like volume-mute or uber logo don't render. Do you have any idea why this might be happening? Also, I am having an issue with flipping the icons as well.

    Thanks in advance!
  • Picture of Adrian Perez Rodriguez
    Tue, Apr 2, 2019, 2:33 PM
    Hello Liana

    I've just opened a new issue on the bug tracker, please have a look at Does the FontAwesome version is the newest one (5.8.1)?

Please login to post comments