Optional external requirements: This plugin requires the following additional components that must be installed separately:

• Font Awesome
• Glyphicons from Twitter Bootstrap

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

See the plugin in action here. The sample page shows all the styles available with the plugin.

A simple usage:

{{icon>home}}

Some more complex uses:

{{icon>home?24&circle&padding=10px&background=#DDD&color=#CCC}}
{{fa>home|My Home}}
{{fugue>user?24}}
{{silk>anchor}}
{{flag>en}}
[[:wiki:welcome|{{fa>home?24|Welcome to DokuWiki}}]]
[[https://github.com/LotarProject/dokuwiki-plugin-icons|{{fa>github-square?24|Icons DokuWiki plugin on GitHub}}]]  

{{icon>icon-name&flags|title}}

[[:dokuwiki:page|{{icon>icon-name&flags|title}}]]

[[protocol://host/path|{{icon>icon-name&flags|title}}]]

Icons plugin provide a popup helper to easy add the icons in your page. To open the popup click to DokuWiki icon in the toolbar in edit page.

The popup support this icon packs:

• Font-Awesome
• RPG-Awesome
• Typicons
• Material Design Icons
• Glyphicons

The plugin can be configured in the DokuWiki configuration manager available in the admin menu.

NOTE for Flag icon pack: By default uses the flags from Translation plugin present in your DokuWiki installation.

The demo and examples is available on http://www.lotar.altervista.org/dokuwiki/wiki/plugin/icons.

• Update plugin.info.txt by giterlizzi (2024-10-30 10:56)
• Merge pull request #31 from LouisOuellet/master by giterlizzi (2024-10-30 10:55)
• Fixed a PHP WARNING for missing key by LouisOuellet (2024-10-29 20:47)
• Fix PHP Warning: Undefined array key 1 in [WEBROOT]/lib/plugins/icons… by LouisOuellet (2024-01-31 03:33)
• Merge branch 'develop' by giterlizzi (2019-08-27 00:32)

Please report bugs or feature requests at the Bug tracker.

• ADD: New configuration option to change the Fugue CDN URL
• ADD: New configuration option to change the Oxygen CDN URL

First step, downlod Font Awesome package, and create in your DokuWiki installation a directory (eg. assets/font-awesome) and put all files. The next step in Configuration Manager, set on loadFontAwesome and type url of your local font awesome package in fontAwesomeURL (eg. /dokuwiki/assets/font-awesome/css/font-awesome.min.css).

The alternative is to use my template (bootstrap3) with bundled Font Awesome and Glyphicon ;)

Is it possible to display an icon in a (sub-)header, like

=== {{icon>external-link-square}} ===

? When I try, it only renders the code itself. Thanks!

I modified my local installation of this plugin to support an additional icon pack, e.g. RPG-awesome. Could something like this please be added to the config options in future versions? Thanks!

Could you explain how you did this, please? Thank you very much.

The 2018-02-18 version of plugin include RPG-Awesome icon pack.

— Giuseppe Di Terlizzi 2018-02-18 18:49

I have installed the bootstrap and the icons extensions. At glyphicons.com there are many icons, with their names. But I dont get them to work. The syntax is icon>icon-name&flags|title ({} wont display). Okay, but where do I find all the icon-names?

I can see a list of icons (but without fugue etc) but can't see a form with syntax below (as at your screenshot). Template is Bootstrap 3. — Antiokh 2024-10-12 17:12