Template:Icon: Difference between revisions
Template page
More actions
m Flex-center bare icons within their pill (fixes them sitting 3px too high) instead of relying on img-level vertical-align |
m Docs: split Donator Star/Rank into own sections, collapse variants into a column; bare icons drop the pill background; Title/Donator Star now link, Rank has no default |
||
| Line 40: | Line 40: | ||
}} | }} | ||
|donator star={{#switch:{{lc:{{{2|1}}}}} | |donator star={{#switch:{{lc:{{{2|1}}}}} | ||
|1=<span class="loka-icon loka-icon--donator-star-1 loka-icon-- | |1=<span class="loka-icon loka-icon--donator-star-1 loka-icon--linked">[[File:Donator Star icon (1).png|x16px|link=Donator Star|alt=Donator Star 1]][[Donator Star|Donator Star]]</span> | ||
|2=<span class="loka-icon loka-icon--donator-star-2 loka-icon-- | |2=<span class="loka-icon loka-icon--donator-star-2 loka-icon--linked">[[File:Donator Star icon (2).png|x16px|link=Donator Star|alt=Donator Star 2]][[Donator Star|Donator Star]]</span> | ||
|3=<span class="loka-icon loka-icon--donator-star-3 loka-icon-- | |3=<span class="loka-icon loka-icon--donator-star-3 loka-icon--linked">[[File:Donator Star icon (3).png|x16px|link=Donator Star|alt=Donator Star 3]][[Donator Star|Donator Star]]</span> | ||
|4=<span class="loka-icon loka-icon--donator-star-4 loka-icon-- | |4=<span class="loka-icon loka-icon--donator-star-4 loka-icon--linked">[[File:Donator Star icon (4).png|x16px|link=Donator Star|alt=Donator Star 4]][[Donator Star|Donator Star]]</span> | ||
|5=<span class="loka-icon loka-icon--donator-star-5 loka-icon-- | |5=<span class="loka-icon loka-icon--donator-star-5 loka-icon--linked">[[File:Donator Star icon (5).png|x16px|link=Donator Star|alt=Donator Star 5]][[Donator Star|Donator Star]]</span> | ||
|6=<span class="loka-icon loka-icon--donator-star-6 loka-icon-- | |6=<span class="loka-icon loka-icon--donator-star-6 loka-icon--linked">[[File:Donator Star icon (6).png|x16px|link=Donator Star|alt=Donator Star 6]][[Donator Star|Donator Star]]</span> | ||
|#default=<strong class="error">Unknown donator star variant: {{{2}}}</strong> | |#default=<strong class="error">Unknown donator star variant: {{{2}}}</strong> | ||
}} | }} | ||
| Line 58: | Line 58: | ||
}} | }} | ||
|title={{#switch:{{lc:{{{2|common}}}}} | |title={{#switch:{{lc:{{{2|common}}}}} | ||
|common=<span class="loka-icon loka-icon--title-common loka-icon-- | |common=<span class="loka-icon loka-icon--title-common loka-icon--linked">[[File:Title icon (common).png|x16px|link=Titles|alt=Common title]][[Titles|Titles]]</span> | ||
|uncommon=<span class="loka-icon loka-icon--title-uncommon loka-icon-- | |uncommon=<span class="loka-icon loka-icon--title-uncommon loka-icon--linked">[[File:Title icon (uncommon).png|x16px|link=Titles|alt=Uncommon title]][[Titles|Titles]]</span> | ||
|rare=<span class="loka-icon loka-icon--title-rare loka-icon-- | |rare=<span class="loka-icon loka-icon--title-rare loka-icon--linked">[[File:Title icon (rare).png|x16px|link=Titles|alt=Rare title]][[Titles|Titles]]</span> | ||
|epic=<span class="loka-icon loka-icon--title-epic loka-icon-- | |epic=<span class="loka-icon loka-icon--title-epic loka-icon--linked">[[File:Title icon (epic).png|x16px|link=Titles|alt=Epic title]][[Titles|Titles]]</span> | ||
|legendary=<span class="loka-icon loka-icon--title-legendary loka-icon-- | |legendary=<span class="loka-icon loka-icon--title-legendary loka-icon--linked">[[File:Title icon (legendary).png|x16px|link=Titles|alt=Legendary title]][[Titles|Titles]]</span> | ||
|mythic=<span class="loka-icon loka-icon--title-mythic loka-icon-- | |mythic=<span class="loka-icon loka-icon--title-mythic loka-icon--linked">[[File:Title icon (mythic).png|x16px|link=Titles|alt=Mythic title]][[Titles|Titles]]</span> | ||
|#default=<strong class="error">Unknown title variant: {{{2}}}</strong> | |#default=<strong class="error">Unknown title variant: {{{2}}}</strong> | ||
}} | }} | ||
|rank={{#switch:{{lc:{{{2 | |rank={{#switch:{{lc:{{{2}}}}} | ||
|wood=<span class="loka-icon loka-icon--rank-wood loka-icon--bare">[[File:Rank icon (wood).png|x16px|link=|alt=Wood rank]]</span> | |wood=<span class="loka-icon loka-icon--rank-wood loka-icon--bare">[[File:Rank icon (wood).png|x16px|link=|alt=Wood rank]]</span> | ||
|stone1=<span class="loka-icon loka-icon--rank-stone1 loka-icon--bare">[[File:Rank icon (stone1).png|x16px|link=|alt=Stone 1 rank]]</span> | |stone1=<span class="loka-icon loka-icon--rank-stone1 loka-icon--bare">[[File:Rank icon (stone1).png|x16px|link=|alt=Stone 1 rank]]</span> | ||
| Line 108: | Line 108: | ||
: A premium [[Account Transfer]] costs 500 {{Icon|Orbs}}. | : A premium [[Account Transfer]] costs 500 {{Icon|Orbs}}. | ||
A name with more than one icon (e.g. two senses of the same abbreviation) takes an optional second parameter to pick which one -- <code><nowiki>{{Icon|LCR|Ballot}}</nowiki></code> -- and falls back to a default variant if the second parameter is left out. | A name with more than one icon (e.g. two senses of the same abbreviation) takes an optional second parameter to pick which one -- <code><nowiki>{{Icon|LCR|Ballot}}</nowiki></code> -- and, where one is defined, falls back to a default variant if the second parameter is left out. Some names (e.g. Rank) have no default and require an explicit variant. | ||
== Supported icons == | == Supported icons == | ||
| Line 114: | Line 114: | ||
{| class="wikitable" | {| class="wikitable" | ||
! Example | ! Example | ||
! Variants | |||
! Aliases | ! Aliases | ||
! File | ! File | ||
| Line 119: | Line 120: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Orbs}}</nowiki></code> | | <code><nowiki>{{Icon|Orbs}}</nowiki></code> | ||
| — | |||
| <code>orb</code> | | <code>orb</code> | ||
| [[:File:Orbs icon.png]] | | [[:File:Orbs icon.png]] | ||
| Line 124: | Line 126: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Ascalon}}</nowiki></code> | | <code><nowiki>{{Icon|Ascalon}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield ascalon.png]] | | [[:File:Shield ascalon.png]] | ||
| Line 129: | Line 132: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Kalros}}</nowiki></code> | | <code><nowiki>{{Icon|Kalros}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield kalros.png]] | | [[:File:Shield kalros.png]] | ||
| Line 134: | Line 138: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Garama}}</nowiki></code> | | <code><nowiki>{{Icon|Garama}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield garama.png]] | | [[:File:Shield garama.png]] | ||
| Line 139: | Line 144: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Aladra}}</nowiki></code> | | <code><nowiki>{{Icon|Aladra}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield aladra.png]] | | [[:File:Shield aladra.png]] | ||
| Line 144: | Line 150: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Balak}}</nowiki></code> | | <code><nowiki>{{Icon|Balak}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield balak.png]] | | [[:File:Shield balak.png]] | ||
| Line 149: | Line 156: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Rivina}}</nowiki></code> | | <code><nowiki>{{Icon|Rivina}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield rivina.png]] | | [[:File:Shield rivina.png]] | ||
| Line 154: | Line 162: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Zyre}}</nowiki></code> | | <code><nowiki>{{Icon|Zyre}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield pvp.png]] | | [[:File:Shield pvp.png]] | ||
| Line 159: | Line 168: | ||
|- | |- | ||
| <code><nowiki>{{Icon|The End}}</nowiki></code> | | <code><nowiki>{{Icon|The End}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield end.png]] | | [[:File:Shield end.png]] | ||
| Line 164: | Line 174: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Nether}}</nowiki></code> | | <code><nowiki>{{Icon|Nether}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shield nether.png]] | | [[:File:Shield nether.png]] | ||
| {{Icon|Nether}} | | {{Icon|Nether}} | ||
|- | |- | ||
| <code><nowiki>{{Icon|loka | | <code><nowiki>{{Icon|loka}}</nowiki></code> | ||
| <code>crest</code>, <code>pixel</code> | |||
| — | | — | ||
| — | | — | ||
| {{Icon|loka}} | | {{Icon|loka}} | ||
|- | |- | ||
| <code><nowiki>{{Icon|Continent Capital}}</nowiki></code> | | <code><nowiki>{{Icon|Continent Capital}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Continent Capital icon.png]] | | [[:File:Continent Capital icon.png]] | ||
| Line 189: | Line 192: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Dev}}</nowiki></code> | | <code><nowiki>{{Icon|Dev}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Dev icon.png]] | | [[:File:Dev icon.png]] | ||
| Line 194: | Line 198: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Shard Pouch}}</nowiki></code> | | <code><nowiki>{{Icon|Shard Pouch}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Shard Pouch icon.png]] | | [[:File:Shard Pouch icon.png]] | ||
| Line 199: | Line 204: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Soulbound Bag}}</nowiki></code> | | <code><nowiki>{{Icon|Soulbound Bag}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Soulbound Bag icon.png]] | | [[:File:Soulbound Bag icon.png]] | ||
| Line 204: | Line 210: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Waterstone}}</nowiki></code> | | <code><nowiki>{{Icon|Waterstone}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Waterstone icon.png]] | | [[:File:Waterstone icon.png]] | ||
| Line 209: | Line 216: | ||
|- | |- | ||
| <code><nowiki>{{Icon|World Capital}}</nowiki></code> | | <code><nowiki>{{Icon|World Capital}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:World Capital icon.png]] | | [[:File:World Capital icon.png]] | ||
| Line 214: | Line 222: | ||
|- | |- | ||
| <code><nowiki>{{Icon|Twitch}}</nowiki></code> | | <code><nowiki>{{Icon|Twitch}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:Twitch icon.png]] | | [[:File:Twitch icon.png]] | ||
| Line 219: | Line 228: | ||
|- | |- | ||
| <code><nowiki>{{Icon|YouTube}}</nowiki></code> | | <code><nowiki>{{Icon|YouTube}}</nowiki></code> | ||
| — | |||
| — | | — | ||
| [[:File:YouTube icon.png]] | | [[:File:YouTube icon.png]] | ||
| {{Icon|YouTube}} | | {{Icon|YouTube}} | ||
|- | |- | ||
| <code><nowiki>{{Icon|guide | | <code><nowiki>{{Icon|guide}}</nowiki></code> | ||
| | | <code>gold</code>, <code>purple</code> | ||
| — | | — | ||
| — | | — | ||
| {{Icon|guide}} | | {{Icon|guide}} | ||
|- | |- | ||
| <code><nowiki>{{Icon|lcr | | <code><nowiki>{{Icon|lcr}}</nowiki></code> | ||
| <code>megaphone</code>, <code>ballot</code> | |||
| — | | — | ||
| — | | — | ||
| {{Icon|lcr}} | | {{Icon|lcr}} | ||
|- | |- | ||
| <code><nowiki>{{Icon|power shard | | <code><nowiki>{{Icon|power shard}}</nowiki></code> | ||
| | | <code>single</code>, <code>core</code>, <code>cluster</code> | ||
| — | | — | ||
| — | | — | ||
| {{Icon|power shard}} | | {{Icon|power shard}} | ||
|- | |- | ||
| <code><nowiki>{{Icon| | | <code><nowiki>{{Icon|lock}}</nowiki></code> | ||
| <code>common</code>, <code>uncommon</code>, <code>rare</code>, <code>epic</code>, <code>legendary</code>, <code>mythic</code> | |||
| — | | — | ||
| — | | — | ||
| {{Icon|lock}} | |||
| {{Icon| | |||
|- | |- | ||
| <code><nowiki>{{Icon| | | <code><nowiki>{{Icon|title}}</nowiki></code> | ||
| <code>common</code>, <code>uncommon</code>, <code>rare</code>, <code>epic</code>, <code>legendary</code>, <code>mythic</code> | |||
| — | | — | ||
| — | | — | ||
| {{Icon|title}} | |||
| {{Icon| | |} | ||
== Donator Star == | |||
{| class="wikitable" | |||
! Example | |||
! Variants | |||
! Aliases | |||
! File | |||
! Renders as | |||
|- | |- | ||
| <code><nowiki>{{Icon|donator star | | <code><nowiki>{{Icon|donator star}}</nowiki></code> | ||
| <code>1</code>, <code>2</code>, <code>3</code>, <code>4</code>, <code>5</code>, <code>6</code> | |||
| — | | — | ||
| — | | — | ||
| {{Icon|donator star}} | | {{Icon|donator star}} | ||
|} | |||
== Rank == | |||
{| class="wikitable" | |||
! Example | |||
! Variants | |||
! Aliases | |||
! File | |||
! Renders as | |||
|- | |- | ||
| <code><nowiki>{{Icon| | | <code><nowiki>{{Icon|rank|wood}}</nowiki></code> | ||
| | | <code>wood</code>, <code>stone1</code>, <code>stone2</code>, <code>stone3</code>, <code>iron1</code>, <code>iron2</code>, <code>iron3</code>, <code>copper1</code>, <code>copper2</code>, <code>copper3</code>, <code>gold1</code>, <code>gold2</code>, <code>gold3</code>, <code>emerald1</code>, <code>emerald2</code>, <code>emerald3</code>, <code>diamond1</code>, <code>diamond2</code>, <code>diamond3</code>, <code>netherite1</code>, <code>netherite2</code>, <code>netherite3</code>, <code>bedrock</code> | ||
| — | | — | ||
| — | | — | ||
| {{Icon|rank|wood}} | | {{Icon|rank|wood}} | ||
|} | |} | ||
[[Category:Templates]] | [[Category:Templates]] | ||
</noinclude> | </noinclude> | ||
Revision as of 21:58, 21 August 2026
Usage
{{Icon|Orbs}}
Renders the icon and name bundled together as a single link to the subject's own article (case-insensitive name match) -- e.g. {{Icon|Zyre}} alone renders the icon and "Zyre" as one link, nothing more to type next to it. An unrecognised name renders a visible error instead of silently showing nothing, so a typo is easy to spot.
In running prose:
A premium [[Account Transfer]] costs 500 {{Icon|Orbs}}.
renders as:
- A premium Account Transfer costs 500
Orbs.
A name with more than one icon (e.g. two senses of the same abbreviation) takes an optional second parameter to pick which one -- {{Icon|LCR|Ballot}} -- and, where one is defined, falls back to a default variant if the second parameter is left out. Some names (e.g. Rank) have no default and require an explicit variant.
Supported icons
| Example | Variants | Aliases | File | Renders as |
|---|---|---|---|---|
{{Icon|Orbs}}
|
— | orb
|
File:Orbs icon.png | Orbs
|
{{Icon|Ascalon}}
|
— | — | File:Shield ascalon.png |  Ascalon
|
{{Icon|Kalros}}
|
— | — | File:Shield kalros.png |  Kalros
|
{{Icon|Garama}}
|
— | — | File:Shield garama.png |  Garama
|
{{Icon|Aladra}}
|
— | — | File:Shield aladra.png |  Aladra
|
{{Icon|Balak}}
|
— | — | File:Shield balak.png |  Balak
|
{{Icon|Rivina}}
|
— | — | File:Shield rivina.png |  Rivina
|
{{Icon|Zyre}}
|
— | — | File:Shield pvp.png |  Zyre
|
{{Icon|The End}}
|
— | — | File:Shield end.png |  The End
|
{{Icon|Nether}}
|
— | — | File:Shield nether.png |  Nether
|
{{Icon|loka}}
|
crest, pixel
|
— | — |  Loka
|
{{Icon|Continent Capital}}
|
— | — | File:Continent Capital icon.png |  Continent Capital
|
{{Icon|Dev}}
|
— | — | File:Dev icon.png |  Dev
|
{{Icon|Shard Pouch}}
|
— | — | File:Shard Pouch icon.png |  Shard Pouch
|
{{Icon|Soulbound Bag}}
|
— | — | File:Soulbound Bag icon.png |  Soulbound Bag
|
{{Icon|Waterstone}}
|
— | — | File:Waterstone icon.png |  Waterstone
|
{{Icon|World Capital}}
|
— | — | File:World Capital icon.png |  World Capital
|
{{Icon|Twitch}}
|
— | — | File:Twitch icon.png | 
|
{{Icon|YouTube}}
|
— | — | File:YouTube icon.png | 
|
{{Icon|guide}}
|
gold, purple
|
— | — |  Guide
|
{{Icon|lcr}}
|
megaphone, ballot
|
— | — |  LCR
|
{{Icon|power shard}}
|
single, core, cluster
|
— | — |  Power Shard
|
{{Icon|lock}}
|
common, uncommon, rare, epic, legendary, mythic
|
— | — | 
|
{{Icon|title}}
|
common, uncommon, rare, epic, legendary, mythic
|
— | — |  Titles
|
Donator Star
| Example | Variants | Aliases | File | Renders as |
|---|---|---|---|---|
{{Icon|donator star}}
|
1, 2, 3, 4, 5, 6
|
— | — |  Donator Star
|
Rank
| Example | Variants | Aliases | File | Renders as |
|---|---|---|---|---|
{{Icon|rank|wood}}
|
wood, stone1, stone2, stone3, iron1, iron2, iron3, copper1, copper2, copper3, gold1, gold2, gold3, emerald1, emerald2, emerald3, diamond1, diamond2, diamond3, netherite1, netherite2, netherite3, bedrock
|
— | — | 
|