Moodle Plugins directory: FontAwesome icons | Moodle.org
FontAwesome icons
Sascha VogelMoodle FontAwesome Filter 
Introduction
This filter allows you to use fontawesome icons in the Moodle text editor without worrying about having your div's stripped out by the Moodle Atto/TinyMCE HTML cleaner.
This plugin supports the FontAwesome version (4, 5, 6, ...) that is built into Moodle core or your theme. The plugin does not contain the FontAwesome icon set.
Requirements
Your site/theme must have FontAwesome embedded already. This filter does not provide the font.
- Moodle 4.1 upwards
Installation
Install the plugin like any other plugin to folder filter/fontawesome
Use git to install this plugin:
cd /var/www/html/moodle
git clone https://github.com/adpe/moodle-filter_fontawesome.git
filter/fontawesome
Then complete upgrade over CLI:
sudo -u apache /usr/bin/php admin/cli/upgrade.php
or GUI.
See MoodleDocs] for details on installing Moodle plugins
Configuration
First, activate the filter_tabs plugin in Site Administration -> Plugins -> Filters -> Manage filters
Additional
filter_fontawesome has a settings page to allow you to limit the filter to only certain text-box formats.
Usage
To create FontAwesome icons in text fields, use the following syntax: [fa-*] where * is the name of the icon you wish to display.
First you will need to find the icon you wish to use. This list provides a full overview.
Some examples and guide to start:
- Anywhere you wish to add an icon just surround it with square brackets and type in the icon name. e.g.:
[fa-camera-retro] - If the icon name is a brand, please add
fabat the beginning of the square brackets. - If you wish to make the icon larger you can use a multiplier. e.g.:
[fa-camera-retro fa-2x]or[fa-camera-retro fa-4x] - If you wish to rotate the icon you can specify how many degrees clockwise. e.g.:
[fa-camera-retro fa-rotate-90] - You can also flip an icon horizontally or vertically. e.g.:
[fa-camera-retro fa-flip-horizontal]or[fa-camera-retro fa-flip-vertical] - You can mute the colour to a dull grey. e.g.:
[fa-camera-retro fa-muted] - You can "pull" the icon to the left or right. If it is "pulled" to the left text will wrap to the right. e.g.:
[fa-camera-retro pull-left] - All the settings above can be mixed and matched e.g.:
[fa-quote-left fa-4x pull-left fa-muted] - If some text parts should not be replaced, use
<nolink>or<span class="nolink"></span>e.g.:[fa-world] <span class="nolink">[fa-world]</span>
Further information
- Official plugin in Moodle plugins repository
License
- Written by Julian (@moodleman) Ridden. Visit the blog at http://www.moodleman.net
- Updated by David Bezemer. Visit his company page at http://www.uplearning.nl
- Updated to FontAwesome version 4.7 by Usman Asar
- Updated to FontAwesome version 5 by Adrian Perez Rodriguez
- Keep up-to-date by FFHS (Fernfachhochschule Schweiz)
Screenshots
Contributors
Thanks!
1: Go into Site administration > Appearance > HTML Settings ---- Default setting is CHECKED for remove HTML tags from all activity names, uncheck that (means you are selecting NO).
2: Next, go to Plug-Ins > Filters > Manage Filters and in FontAwesome icon filter, select "content & headings" in Apply to section.
You're done! feel free to fill up headings, section names with icons, I am not still sure about course names if that works there too, but no harm giving a try, if it didn't, try using the exact code from fontawesome rather than filtered code.
Update notifications
There is a newer version for some of your plugins available!
pluginname (filter_fontawesome) There is a new version 2016111700 available!
Restriction by language (availability_language) There is a new version 2016111600 available!
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.
Ricardo
"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.
But as well keep in mind, after FontAwesome 5 launch (May 2017), the CDN links may will only be available for a year.
Any update to Moodle 3.5?
Ricardo