FontAwesome filter

Revision as of 06:12, 16 October 2013 by Julian Ridden (talk | contribs)

Jump to: navigation, search

This is a contributed (third party) filter for Moodle written by Julian (Moodleman) Ridden and shared on

Font Awesome provides sites with scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Font Awesome is fully open source and is GPL compatible. No attribution is required when using the fonts although the project does say it is appreciated.

This filter makes it easy to add FontAwesome icons to course content in any FontAwesome enabled moodle site. Please be sure to target any questions related to this filter in the Filter's forums at and bugs to the Moodle Tracker

Filter Objectives

The aim of this filter was to provide an easy and functional way for content creators to easily add FontAwesome icons anywhere in course content. If using the recommended method provide by FontAwesome which involves creating custom classes you will find that the text editor strips these out automatically as unrecognised/bad code. This filter provides another mechanism to add FontAwesome icons that won't be stripped out by the editor.

Adding an icon

Adding an icon to anywhere in your course that you wish is now a simple process. The hardest part is finding the icon you wish to use. To browse the full list of over 360 icons please visit [this link]. Once you have found the icon you are after you just have to surround it with a set of square brackets. e.g. [icon-retro-camera]

If you have typed in the icon name correctly you will see the icon appear once you have hit save.

Configurable Options

Advanced Tips

If you want to get your theme looking really fancy why not check out some of these Advanced Tips and Tricks

Download link

This theme is only available for Moodle 2.5 and above. You can download the theme from

See also

8FontAwesome Official website