Emoji and Icons
How to use icons in the wiki
|
Icons are currently not supported by the Antora backend. They will be available in the near future so the Icon section will remain for now. |
You can use any font awesome icon listed at https://fontawesome.com/v4.7.0/icons/ in your wiki documents by use of the icon macro.
icon:thumbs-up[]
icon:database[role=green] // change color by use of the role syntax
icon:heart[2x] // icons can be sized
icon:shield[rotate=90, flip=vertical] // rotate and flip|
When setting the icons name, you do not have to preface it with |
The icon macro has three attributes you can set, they are size, rotate, and flip.
-
size
-
The first positional attribute found, scales the icon; values are:
1x(default),2x,3x,4x,5x,lg,fw -
You can fix the width of the icon by use of the
fwattribute. This helps when trying to align with other elements by giving the icon a fixed width.
-
-
rotate
-
Rotates the icon; values are:
90,180,270
-
-
flip
-
Flips the icon; values are:
horizontal,vertical
-
The first unnamed attribute is assumed to be the size. For instance, to make the icon twice the size as the default, simply add 2x inside the square brackets.
icon:heart[2x]Results:
2x
To rotate and flip the icon:
icon:shield[rotate=270, flip=vertical]Results:
rotated 90, and flipped vertical
You can also link to icons.
icon:download[link="https://rubygems.org/downloads/asciidoctor-1.5.2.gem"]Results:
Lastly, you can color your icons using the role syntax.
icon:database[role=red]Results:
database colored red
How to use emoji in the wiki
You add emoji by using the following syntax anywhere in your document.
emoji:heart[2x] // the "[2x]" is a size modifier
emoji:rage[]|
You can change the icon size with the size modifier
|
Emoji and Name Cheet Sheet
People
|
|
Animals & Nature
|
|
Food & Drink
|
|
Objects
|
|
Activity
|
|
Travel & Places
|
|
Symbols
|
|
Flags
|
|
|
|
Credits
Emoji support by twemoji.
Emoji graphics licensed under CC-BY 4.0: https://creativecommons.org/licenses/by/4.0/