Template:Icon: Difference between revisions
From TITAF TANGOWIKI
| (3 intermediate revisions by the same user not shown) | |||
| Line 9: | Line 9: | ||
Substitute '''<code>globe</code>''' with the corresponding code for the desired icon: | Substitute '''<code>globe</code>''' with the corresponding code for the desired icon: | ||
; <i class="fas fa- | |||
: | [https://fontawesome.com/search?o=r&m=free&c=music-audio Music and audio related] | ||
; <i class="fas fa-record-vinyl" aria-hidden="true"></i> <code>record-vinyl</code> | |||
: vinyl record | |||
; <i class="fas fa-compact-disc" aria-hidden="true"></i> <code>compact-disc</code> | |||
: compact disc | |||
; <i class="fas fa-microphone" aria-hidden="true"></i> <code>microphone</code> | |||
: microphone | |||
; <i class="fas fa-comment" aria-hidden="true"></i> <code>comment</code> | ; <i class="fas fa-comment" aria-hidden="true"></i> <code>comment</code> | ||
| Line 137: | Line 146: | ||
<i class="fa-solid fa-book" aria-hidden="true"></i> | <i class="fa-solid fa-book" aria-hidden="true"></i> | ||
--------> | --------> | ||
Also interesting are [https://fontawesome.com/search?m=free&favorites=staff staff's favourites] | Also interesting are [https://fontawesome.com/search?m=free&favorites=staff staff's favourites]. | ||
; <i class="fas fa-ghost" aria-hidden="true"></i> <code>ghost</code> | ; <i class="fas fa-ghost" aria-hidden="true"></i> <code>ghost</code> | ||
| Line 144: | Line 153: | ||
; <i class="fas fa-dragon" aria-hidden="true"></i> <code>dragon</code> | ; <i class="fas fa-dragon" aria-hidden="true"></i> <code>dragon</code> | ||
; <i class="fas fa-meteor" aria-hidden="true"></i> <code>meteor</code> | ; <i class="fas fa-meteor" aria-hidden="true"></i> <code>meteor</code> | ||
</noinclude><includeonly><i class="fas fa-{{{1}}}" title="{{{1}}}" alt="" aria-hidden="true"></i></includeonly> | </noinclude><includeonly><i class="fas fa-{{{1}}}" title="{{{1}}}" alt="" aria-hidden="true"></i></includeonly> | ||
Latest revision as of 09:30, 28 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:
-
record-vinyl - vinyl record
-
compact-disc - compact disc
-
microphone - microphone
-
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.
-
ghost -
bath -
bomb -
dragon -
meteor