Template:Icon: Difference between revisions

Revision as of 19:52, 27 March 2023

Add icons to the content with the icon template

This is how the template can be used (in pages or other templates)

{{Icon|globe}}

Gives:

Substitute globe with the corresponding code for the desired icon:

book: Wikipedia

comment: comment

building: organisation

envelope: contact

exclamation-triangle: beware!

globe: link, URL

home: company

heart: favourite

info-circle: about

chess-knight: person

user: user

link: weblink

map-marker: location

palette: color

paste: source

pencil-alt: edit

plus: + add new

star: favourite

tag: category

tags: tag

th: topic

th-list: Liste

list: list

bars: menu

ellipsis-h: menu

archive: archive

times: times

check: check

check-circle: check

Brand icons

For certain brand icons you will need the extendes template Icon-fab:

{{Icon-fab|instagram}}

facebook
facebook-square
facebook-f
instagram
instagram-square
twitter
twitter-square
pinterest
pinterest-square
pinterest-p
youtube
youtube-square
wikipedia-w

How it works

We switched from Bootstraps Glyphicons to Font Awesome, currently still in version 5' (the latest is version 6). Only those marked as "Free" are possible to use (no Pro version).

The integration within the template can be done using the code to Font Aweseome:

<i class="fas fa-globe" aria-hidden="true"></i>

Gives:

Also interesting are staff's favourites incl. croissant and unicorn.!

ghost
bath
bomb
dragon
meteor
record-vinyl

@@ Line 114: / Line 114: @@
 ; <i class="fab fa-youtube-square" aria-hidden="true"></i> <code>youtube-square</code>
 ; <i class="fab fa-wikipedia-w" aria-hidden="true"></i> <code>wikipedia-w</code>
 ==How it works==