Jump to content
Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Icon: Difference between revisions

Template page
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 OrbsOrbs.

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.

Supported icons

Example Aliases File Renders as
{{Icon|Orbs}} orb File:Orbs icon.png OrbsOrbs
{{Icon|Ascalon}} File:Shield ascalon.png AscalonAscalon
{{Icon|Kalros}} File:Shield kalros.png KalrosKalros
{{Icon|Garama}} File:Shield garama.png GaramaGarama
{{Icon|Aladra}} File:Shield aladra.png AladraAladra
{{Icon|Balak}} File:Shield balak.png BalakBalak
{{Icon|Rivina}} File:Shield rivina.png RivinaRivina
{{Icon|Zyre}} File:Shield pvp.png ZyreZyre
{{Icon|The End}} File:Shield end.png The EndThe End
{{Icon|Nether}} File:Shield nether.png NetherNether
{{Icon|loka|crest}} File:Loka icon.png LokaLoka
{{Icon|loka|pixel}} File:Loka icon (pixel).png LokaLoka
{{Icon|loka}} File:Loka icon.png LokaLoka
{{Icon|Continent Capital}} File:Continent Capital icon.png Continent CapitalContinent Capital
{{Icon|Dev}} File:Dev icon.png DevDev
{{Icon|Shard Pouch}} File:Shard Pouch icon.png Shard PouchShard Pouch
{{Icon|Soulbound Bag}} File:Soulbound Bag icon.png Soulbound BagSoulbound Bag
{{Icon|Waterstone}} File:Waterstone icon.png WaterstoneWaterstone
{{Icon|World Capital}} File:World Capital icon.png World CapitalWorld Capital
{{Icon|Twitch}} File:Twitch icon.png Twitch
{{Icon|YouTube}} File:YouTube icon.png YouTube
{{Icon|guide|gold}} File:Guide icon (gold).png GuideGuide
{{Icon|guide|purple}} File:Guide icon (purple).png GuideGuide
{{Icon|guide}} File:Guide icon (gold).png GuideGuide
{{Icon|lcr|megaphone}} File:LCR icon (megaphone).png LCRLCR
{{Icon|lcr|ballot}} File:LCR icon (ballot).png LCRLCR
{{Icon|lcr}} File:LCR icon (megaphone).png LCRLCR
{{Icon|power shard|single}} File:Power Shard icon (single).png Power ShardPower Shard
{{Icon|power shard|core}} File:Power Shard icon (core).png Power ShardPower Shard
{{Icon|power shard|cluster}} File:Power Shard icon (cluster).png Power ShardPower Shard
{{Icon|power shard}} File:Power Shard icon (single).png Power ShardPower Shard
{{Icon|donator star|1}} File:Donator Star icon (1).png Donator Star 1
{{Icon|donator star|2}} File:Donator Star icon (2).png Donator Star 2
{{Icon|donator star|3}} File:Donator Star icon (3).png Donator Star 3
{{Icon|donator star|4}} File:Donator Star icon (4).png Donator Star 4
{{Icon|donator star|5}} File:Donator Star icon (5).png Donator Star 5
{{Icon|donator star|6}} File:Donator Star icon (6).png Donator Star 6
{{Icon|donator star}} File:Donator Star icon (1).png Donator Star 1
{{Icon|lock|common}} File:Lock icon (common).png Common lock
{{Icon|lock|uncommon}} File:Lock icon (uncommon).png Uncommon lock
{{Icon|lock|rare}} File:Lock icon (rare).png Rare lock
{{Icon|lock|epic}} File:Lock icon (epic).png Epic lock
{{Icon|lock|legendary}} File:Lock icon (legendary).png Legendary lock
{{Icon|lock|mythic}} File:Lock icon (mythic).png Mythic lock
{{Icon|lock}} File:Lock icon (common).png Common lock
{{Icon|title|common}} File:Title icon (common).png Common title
{{Icon|title|uncommon}} File:Title icon (uncommon).png Uncommon title
{{Icon|title|rare}} File:Title icon (rare).png Rare title
{{Icon|title|epic}} File:Title icon (epic).png Epic title
{{Icon|title|legendary}} File:Title icon (legendary).png Legendary title
{{Icon|title|mythic}} File:Title icon (mythic).png Mythic title
{{Icon|title}} File:Title icon (common).png Common title
{{Icon|rank|wood}} File:Rank icon (wood).png Wood rank
{{Icon|rank|stone1}} File:Rank icon (stone1).png Stone 1 rank
{{Icon|rank|stone2}} File:Rank icon (stone2).png Stone 2 rank
{{Icon|rank|stone3}} File:Rank icon (stone3).png Stone 3 rank
{{Icon|rank|iron1}} File:Rank icon (iron1).png Iron 1 rank
{{Icon|rank|iron2}} File:Rank icon (iron2).png Iron 2 rank
{{Icon|rank|iron3}} File:Rank icon (iron3).png Iron 3 rank
{{Icon|rank|copper1}} File:Rank icon (copper1).png Copper 1 rank
{{Icon|rank|copper2}} File:Rank icon (copper2).png Copper 2 rank
{{Icon|rank|copper3}} File:Rank icon (copper3).png Copper 3 rank
{{Icon|rank|gold1}} File:Rank icon (gold1).png Gold 1 rank
{{Icon|rank|gold2}} File:Rank icon (gold2).png Gold 2 rank
{{Icon|rank|gold3}} File:Rank icon (gold3).png Gold 3 rank
{{Icon|rank|emerald1}} File:Rank icon (emerald1).png Emerald 1 rank
{{Icon|rank|emerald2}} File:Rank icon (emerald2).png Emerald 2 rank
{{Icon|rank|emerald3}} File:Rank icon (emerald3).png Emerald 3 rank
{{Icon|rank|diamond1}} File:Rank icon (diamond1).png Diamond 1 rank
{{Icon|rank|diamond2}} File:Rank icon (diamond2).png Diamond 2 rank
{{Icon|rank|diamond3}} File:Rank icon (diamond3).png Diamond 3 rank
{{Icon|rank|netherite1}} File:Rank icon (netherite1).png Netherite 1 rank
{{Icon|rank|netherite2}} File:Rank icon (netherite2).png Netherite 2 rank
{{Icon|rank|netherite3}} File:Rank icon (netherite3).png Netherite 3 rank
{{Icon|rank|bedrock}} File:Rank icon (bedrock).png Bedrock rank
{{Icon|rank}} File:Rank icon (wood).png Wood rank