How to Use Icons in Your Articles

Icons are a great way to express information quickly, bring attention to something, or simply add some variety to your articles. Here's how you can use icons on World Anvil!

 

Looking to add, edit, or remove the icon next to the article title? Check How to use & edit article title icons instead!

 

External icons (Font Awesome and RPG-Awesome)

Available to the Grandmaster subscription tier and above. Upgrade here.

 

As a Grandmaster or above, you can use any of the thousands from Font Awesome and RPG-Awesome. Just follow these steps:

 
  1. Open either the RPG-Awesome website or the Font Awesome catalog and find the icon you want to use.
  2. Copy or memorize the icon name. For example, ra-aura or hand-wave.
    For Font Awesome, you need to add the fa- prefix to the icon name. For example, fa-hand-wave.
  3. Use the [section] [/section] tags to add the icons, like in the following example:
[section:ra ra-aura] [/section]
[section:fa fa-hand-wave] [/section]

 

Notice how we also add the ra (RPG-Awesome) or fa (FontAwesome) keywords before the icon name—don't forget about them, or the icon won't work! And make sure to keep a space between the tags (like in the examples), otherwise the icon will not be displayed.

 

Internal icons

Available to all users, regardless of subscription tier.
 

Additionally, everyone can use a limited selection of pins, as shown below:

 

Map Pins

You can use any of map pins as icons using the [pin]:

[pin:flat_black_alchemist]
 

To get the embed code of a map pin, check the list of map pins.  

Genesys RPG Dice Symbols

You can also use Genesys dice symbols in your article using the following BBCode tags:

[genesysdice:setback]
[genesysdice:boost]
[genesysdice:difficulty]
[genesysdice:ability]
[genesysdice:challenge]
[genesysdice:proficiency]
[genesysdice:advantage]
[genesysdice:threat]
[genesysdice:failure]
[genesysdice:success]
[genesysdice:triumph]
[genesysdice:despair]
b
b
d
d
c
c
a
h
f
s
t
d
 

Pathfinder RPG Icons

Similarly, you can also use Pathfinder action icons, like this:

[pf:1a]
[pf:2a]
[pf:3a]
[pf:ra]
[pf:fa]
[pf:pa]





   

Checklist icons

You can use the following BBCode tags to create checklist-style icons. Each icon has its own pre-defined color as well.

 
Code:
[] Empty
[c] Checked
[r] Right chevron
[l] Left chevron
[x] Failed
[+] Plus
[-] Minus
Result:
Empty
Checked
Right chevron
Left chevron
Failed
Plus
Minus
 

To see all formatting options you have available with BBCode, check the Guide to BBCode.