It's better when it's simple

User Tools

Site Tools


fontawesome Plugin

Compatible with DokuWiki

Weatherwax, Hrun, Detritus

plugin Embed Font Awesome icons

Last updated on

This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.

Similar to icons

Tagged with fontawesome, icons


:!: External requirements: This plugin requires the following additional components that must be installed separately:

Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.


With FontAwesome >= 4.0:

<faicon fa fa-phone>

With FontAwesome < 4.0:

<faicon icon-phone>

Change Log

Known Bugs and Issues

  • Have to use different syntax for different versions of Font Awesome

ToDo/Wish List

  • Wish: some kind of selection menu/dropdown would be nice



Adding color through CSS

The following simple all.css file lets change color.

  Screen and Print Styles for the FontAwsome Plugin
/* color class for fontawsome */
.dokuwiki  .fa-black { color:black;}
.dokuwiki  .fa-green { color:green;}
.dokuwiki  .fa-blue { color:blue;}
.dokuwiki  .fa-yellow { color:yellow;}
.dokuwiki .fa-red{ color:red;}
.dokuwiki  .fa-cyan  { color:cyan;}

Now you can use this plugin like below

<faicon fa fa-google-plus fa-green>

in that the color changed to green. You can add any color as you like by extending the above all.cssatronoush 2015-09-17 13:05

plugin/fontawesome.txt · Last modified: 2018-05-29 23:20 by Klap-in

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki