Template:Icon: Difference between revisions
Template page
More actions
m Add the pixel-art icon pack (LCR, Power Shard, Guide, ranks, lock/title rarities, donator star, and misc icons) |
m Flex-center bare icons within their pill (fixes them sitting 3px too high) instead of relying on img-level vertical-align |
||
| Line 21: | Line 21: | ||
|waterstone=<span class="loka-icon loka-icon--waterstone loka-icon--linked">[[File:Waterstone icon.png|x16px|link=Waterstone|alt=Waterstone]][[Waterstone|Waterstone]]</span> | |waterstone=<span class="loka-icon loka-icon--waterstone loka-icon--linked">[[File:Waterstone icon.png|x16px|link=Waterstone|alt=Waterstone]][[Waterstone|Waterstone]]</span> | ||
|world capital=<span class="loka-icon loka-icon--world-capital loka-icon--linked">[[File:World Capital icon.png|x16px|link=World Capital|alt=World Capital]][[World Capital|World Capital]]</span> | |world capital=<span class="loka-icon loka-icon--world-capital loka-icon--linked">[[File:World Capital icon.png|x16px|link=World Capital|alt=World Capital]][[World Capital|World Capital]]</span> | ||
|twitch=<span class="loka-icon loka-icon--twitch">[[File:Twitch icon.png|x16px|link=|alt=Twitch]]</span> | |twitch=<span class="loka-icon loka-icon--twitch loka-icon--bare">[[File:Twitch icon.png|x16px|link=|alt=Twitch]]</span> | ||
|youtube=<span class="loka-icon loka-icon--youtube">[[File:YouTube icon.png|x16px|link=|alt=YouTube]]</span> | |youtube=<span class="loka-icon loka-icon--youtube loka-icon--bare">[[File:YouTube icon.png|x16px|link=|alt=YouTube]]</span> | ||
|guide={{#switch:{{lc:{{{2|gold}}}}} | |guide={{#switch:{{lc:{{{2|gold}}}}} | ||
|gold=<span class="loka-icon loka-icon--guide-gold loka-icon--linked">[[File:Guide icon (gold).png|x16px|link=Guide|alt=Guide]][[Guide|Guide]]</span> | |gold=<span class="loka-icon loka-icon--guide-gold loka-icon--linked">[[File:Guide icon (gold).png|x16px|link=Guide|alt=Guide]][[Guide|Guide]]</span> | ||
| 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">[[File:Donator Star icon (1).png|x16px|link=|alt=Donator Star 1]]</span> | |1=<span class="loka-icon loka-icon--donator-star-1 loka-icon--bare">[[File:Donator Star icon (1).png|x16px|link=|alt=Donator Star 1]]</span> | ||
|2=<span class="loka-icon loka-icon--donator-star-2">[[File:Donator Star icon (2).png|x16px|link=|alt=Donator Star 2]]</span> | |2=<span class="loka-icon loka-icon--donator-star-2 loka-icon--bare">[[File:Donator Star icon (2).png|x16px|link=|alt=Donator Star 2]]</span> | ||
|3=<span class="loka-icon loka-icon--donator-star-3">[[File:Donator Star icon (3).png|x16px|link=|alt=Donator Star 3]]</span> | |3=<span class="loka-icon loka-icon--donator-star-3 loka-icon--bare">[[File:Donator Star icon (3).png|x16px|link=|alt=Donator Star 3]]</span> | ||
|4=<span class="loka-icon loka-icon--donator-star-4">[[File:Donator Star icon (4).png|x16px|link=|alt=Donator Star 4]]</span> | |4=<span class="loka-icon loka-icon--donator-star-4 loka-icon--bare">[[File:Donator Star icon (4).png|x16px|link=|alt=Donator Star 4]]</span> | ||
|5=<span class="loka-icon loka-icon--donator-star-5">[[File:Donator Star icon (5).png|x16px|link=|alt=Donator Star 5]]</span> | |5=<span class="loka-icon loka-icon--donator-star-5 loka-icon--bare">[[File:Donator Star icon (5).png|x16px|link=|alt=Donator Star 5]]</span> | ||
|6=<span class="loka-icon loka-icon--donator-star-6">[[File:Donator Star icon (6).png|x16px|link=|alt=Donator Star 6]]</span> | |6=<span class="loka-icon loka-icon--donator-star-6 loka-icon--bare">[[File:Donator Star icon (6).png|x16px|link=|alt=Donator Star 6]]</span> | ||
|#default=<strong class="error">Unknown donator star variant: {{{2}}}</strong> | |#default=<strong class="error">Unknown donator star variant: {{{2}}}</strong> | ||
}} | }} | ||
|lock={{#switch:{{lc:{{{2|common}}}}} | |lock={{#switch:{{lc:{{{2|common}}}}} | ||
|common=<span class="loka-icon loka-icon--lock-common">[[File:Lock icon (common).png|x16px|link=|alt=Common lock]]</span> | |common=<span class="loka-icon loka-icon--lock-common loka-icon--bare">[[File:Lock icon (common).png|x16px|link=|alt=Common lock]]</span> | ||
|uncommon=<span class="loka-icon loka-icon--lock-uncommon">[[File:Lock icon (uncommon).png|x16px|link=|alt=Uncommon lock]]</span> | |uncommon=<span class="loka-icon loka-icon--lock-uncommon loka-icon--bare">[[File:Lock icon (uncommon).png|x16px|link=|alt=Uncommon lock]]</span> | ||
|rare=<span class="loka-icon loka-icon--lock-rare">[[File:Lock icon (rare).png|x16px|link=|alt=Rare lock]]</span> | |rare=<span class="loka-icon loka-icon--lock-rare loka-icon--bare">[[File:Lock icon (rare).png|x16px|link=|alt=Rare lock]]</span> | ||
|epic=<span class="loka-icon loka-icon--lock-epic">[[File:Lock icon (epic).png|x16px|link=|alt=Epic lock]]</span> | |epic=<span class="loka-icon loka-icon--lock-epic loka-icon--bare">[[File:Lock icon (epic).png|x16px|link=|alt=Epic lock]]</span> | ||
|legendary=<span class="loka-icon loka-icon--lock-legendary">[[File:Lock icon (legendary).png|x16px|link=|alt=Legendary lock]]</span> | |legendary=<span class="loka-icon loka-icon--lock-legendary loka-icon--bare">[[File:Lock icon (legendary).png|x16px|link=|alt=Legendary lock]]</span> | ||
|mythic=<span class="loka-icon loka-icon--lock-mythic">[[File:Lock icon (mythic).png|x16px|link=|alt=Mythic lock]]</span> | |mythic=<span class="loka-icon loka-icon--lock-mythic loka-icon--bare">[[File:Lock icon (mythic).png|x16px|link=|alt=Mythic lock]]</span> | ||
|#default=<strong class="error">Unknown lock variant: {{{2}}}</strong> | |#default=<strong class="error">Unknown lock variant: {{{2}}}</strong> | ||
}} | }} | ||
|title={{#switch:{{lc:{{{2|common}}}}} | |title={{#switch:{{lc:{{{2|common}}}}} | ||
|common=<span class="loka-icon loka-icon--title-common">[[File:Title icon (common).png|x16px|link=|alt=Common title]]</span> | |common=<span class="loka-icon loka-icon--title-common loka-icon--bare">[[File:Title icon (common).png|x16px|link=|alt=Common title]]</span> | ||
|uncommon=<span class="loka-icon loka-icon--title-uncommon">[[File:Title icon (uncommon).png|x16px|link=|alt=Uncommon title]]</span> | |uncommon=<span class="loka-icon loka-icon--title-uncommon loka-icon--bare">[[File:Title icon (uncommon).png|x16px|link=|alt=Uncommon title]]</span> | ||
|rare=<span class="loka-icon loka-icon--title-rare">[[File:Title icon (rare).png|x16px|link=|alt=Rare title]]</span> | |rare=<span class="loka-icon loka-icon--title-rare loka-icon--bare">[[File:Title icon (rare).png|x16px|link=|alt=Rare title]]</span> | ||
|epic=<span class="loka-icon loka-icon--title-epic">[[File:Title icon (epic).png|x16px|link=|alt=Epic title]]</span> | |epic=<span class="loka-icon loka-icon--title-epic loka-icon--bare">[[File:Title icon (epic).png|x16px|link=|alt=Epic title]]</span> | ||
|legendary=<span class="loka-icon loka-icon--title-legendary">[[File:Title icon (legendary).png|x16px|link=|alt=Legendary title]]</span> | |legendary=<span class="loka-icon loka-icon--title-legendary loka-icon--bare">[[File:Title icon (legendary).png|x16px|link=|alt=Legendary title]]</span> | ||
|mythic=<span class="loka-icon loka-icon--title-mythic">[[File:Title icon (mythic).png|x16px|link=|alt=Mythic title]]</span> | |mythic=<span class="loka-icon loka-icon--title-mythic loka-icon--bare">[[File:Title icon (mythic).png|x16px|link=|alt=Mythic title]]</span> | ||
|#default=<strong class="error">Unknown title variant: {{{2}}}</strong> | |#default=<strong class="error">Unknown title variant: {{{2}}}</strong> | ||
}} | }} | ||
|rank={{#switch:{{lc:{{{2|wood}}}}} | |rank={{#switch:{{lc:{{{2|wood}}}}} | ||
|wood=<span class="loka-icon loka-icon--rank-wood">[[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">[[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> | ||
|stone2=<span class="loka-icon loka-icon--rank-stone2">[[File:Rank icon (stone2).png|x16px|link=|alt=Stone 2 rank]]</span> | |stone2=<span class="loka-icon loka-icon--rank-stone2 loka-icon--bare">[[File:Rank icon (stone2).png|x16px|link=|alt=Stone 2 rank]]</span> | ||
|stone3=<span class="loka-icon loka-icon--rank-stone3">[[File:Rank icon (stone3).png|x16px|link=|alt=Stone 3 rank]]</span> | |stone3=<span class="loka-icon loka-icon--rank-stone3 loka-icon--bare">[[File:Rank icon (stone3).png|x16px|link=|alt=Stone 3 rank]]</span> | ||
|iron1=<span class="loka-icon loka-icon--rank-iron1">[[File:Rank icon (iron1).png|x16px|link=|alt=Iron 1 rank]]</span> | |iron1=<span class="loka-icon loka-icon--rank-iron1 loka-icon--bare">[[File:Rank icon (iron1).png|x16px|link=|alt=Iron 1 rank]]</span> | ||
|iron2=<span class="loka-icon loka-icon--rank-iron2">[[File:Rank icon (iron2).png|x16px|link=|alt=Iron 2 rank]]</span> | |iron2=<span class="loka-icon loka-icon--rank-iron2 loka-icon--bare">[[File:Rank icon (iron2).png|x16px|link=|alt=Iron 2 rank]]</span> | ||
|iron3=<span class="loka-icon loka-icon--rank-iron3">[[File:Rank icon (iron3).png|x16px|link=|alt=Iron 3 rank]]</span> | |iron3=<span class="loka-icon loka-icon--rank-iron3 loka-icon--bare">[[File:Rank icon (iron3).png|x16px|link=|alt=Iron 3 rank]]</span> | ||
|copper1=<span class="loka-icon loka-icon--rank-copper1">[[File:Rank icon (copper1).png|x16px|link=|alt=Copper 1 rank]]</span> | |copper1=<span class="loka-icon loka-icon--rank-copper1 loka-icon--bare">[[File:Rank icon (copper1).png|x16px|link=|alt=Copper 1 rank]]</span> | ||
|copper2=<span class="loka-icon loka-icon--rank-copper2">[[File:Rank icon (copper2).png|x16px|link=|alt=Copper 2 rank]]</span> | |copper2=<span class="loka-icon loka-icon--rank-copper2 loka-icon--bare">[[File:Rank icon (copper2).png|x16px|link=|alt=Copper 2 rank]]</span> | ||
|copper3=<span class="loka-icon loka-icon--rank-copper3">[[File:Rank icon (copper3).png|x16px|link=|alt=Copper 3 rank]]</span> | |copper3=<span class="loka-icon loka-icon--rank-copper3 loka-icon--bare">[[File:Rank icon (copper3).png|x16px|link=|alt=Copper 3 rank]]</span> | ||
|gold1=<span class="loka-icon loka-icon--rank-gold1">[[File:Rank icon (gold1).png|x16px|link=|alt=Gold 1 rank]]</span> | |gold1=<span class="loka-icon loka-icon--rank-gold1 loka-icon--bare">[[File:Rank icon (gold1).png|x16px|link=|alt=Gold 1 rank]]</span> | ||
|gold2=<span class="loka-icon loka-icon--rank-gold2">[[File:Rank icon (gold2).png|x16px|link=|alt=Gold 2 rank]]</span> | |gold2=<span class="loka-icon loka-icon--rank-gold2 loka-icon--bare">[[File:Rank icon (gold2).png|x16px|link=|alt=Gold 2 rank]]</span> | ||
|gold3=<span class="loka-icon loka-icon--rank-gold3">[[File:Rank icon (gold3).png|x16px|link=|alt=Gold 3 rank]]</span> | |gold3=<span class="loka-icon loka-icon--rank-gold3 loka-icon--bare">[[File:Rank icon (gold3).png|x16px|link=|alt=Gold 3 rank]]</span> | ||
|emerald1=<span class="loka-icon loka-icon--rank-emerald1">[[File:Rank icon (emerald1).png|x16px|link=|alt=Emerald 1 rank]]</span> | |emerald1=<span class="loka-icon loka-icon--rank-emerald1 loka-icon--bare">[[File:Rank icon (emerald1).png|x16px|link=|alt=Emerald 1 rank]]</span> | ||
|emerald2=<span class="loka-icon loka-icon--rank-emerald2">[[File:Rank icon (emerald2).png|x16px|link=|alt=Emerald 2 rank]]</span> | |emerald2=<span class="loka-icon loka-icon--rank-emerald2 loka-icon--bare">[[File:Rank icon (emerald2).png|x16px|link=|alt=Emerald 2 rank]]</span> | ||
|emerald3=<span class="loka-icon loka-icon--rank-emerald3">[[File:Rank icon (emerald3).png|x16px|link=|alt=Emerald 3 rank]]</span> | |emerald3=<span class="loka-icon loka-icon--rank-emerald3 loka-icon--bare">[[File:Rank icon (emerald3).png|x16px|link=|alt=Emerald 3 rank]]</span> | ||
|diamond1=<span class="loka-icon loka-icon--rank-diamond1">[[File:Rank icon (diamond1).png|x16px|link=|alt=Diamond 1 rank]]</span> | |diamond1=<span class="loka-icon loka-icon--rank-diamond1 loka-icon--bare">[[File:Rank icon (diamond1).png|x16px|link=|alt=Diamond 1 rank]]</span> | ||
|diamond2=<span class="loka-icon loka-icon--rank-diamond2">[[File:Rank icon (diamond2).png|x16px|link=|alt=Diamond 2 rank]]</span> | |diamond2=<span class="loka-icon loka-icon--rank-diamond2 loka-icon--bare">[[File:Rank icon (diamond2).png|x16px|link=|alt=Diamond 2 rank]]</span> | ||
|diamond3=<span class="loka-icon loka-icon--rank-diamond3">[[File:Rank icon (diamond3).png|x16px|link=|alt=Diamond 3 rank]]</span> | |diamond3=<span class="loka-icon loka-icon--rank-diamond3 loka-icon--bare">[[File:Rank icon (diamond3).png|x16px|link=|alt=Diamond 3 rank]]</span> | ||
|netherite1=<span class="loka-icon loka-icon--rank-netherite1">[[File:Rank icon (netherite1).png|x16px|link=|alt=Netherite 1 rank]]</span> | |netherite1=<span class="loka-icon loka-icon--rank-netherite1 loka-icon--bare">[[File:Rank icon (netherite1).png|x16px|link=|alt=Netherite 1 rank]]</span> | ||
|netherite2=<span class="loka-icon loka-icon--rank-netherite2">[[File:Rank icon (netherite2).png|x16px|link=|alt=Netherite 2 rank]]</span> | |netherite2=<span class="loka-icon loka-icon--rank-netherite2 loka-icon--bare">[[File:Rank icon (netherite2).png|x16px|link=|alt=Netherite 2 rank]]</span> | ||
|netherite3=<span class="loka-icon loka-icon--rank-netherite3">[[File:Rank icon (netherite3).png|x16px|link=|alt=Netherite 3 rank]]</span> | |netherite3=<span class="loka-icon loka-icon--rank-netherite3 loka-icon--bare">[[File:Rank icon (netherite3).png|x16px|link=|alt=Netherite 3 rank]]</span> | ||
|bedrock=<span class="loka-icon loka-icon--rank-bedrock">[[File:Rank icon (bedrock).png|x16px|link=|alt=Bedrock rank]]</span> | |bedrock=<span class="loka-icon loka-icon--rank-bedrock loka-icon--bare">[[File:Rank icon (bedrock).png|x16px|link=|alt=Bedrock rank]]</span> | ||
|#default=<strong class="error">Unknown rank variant: {{{2}}}</strong> | |#default=<strong class="error">Unknown rank variant: {{{2}}}</strong> | ||
}} | }} | ||
Revision as of 21:45, 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 .
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 falls back to a default variant if the second parameter is left out.