mana/docs/icons.html

1349 lines
89 KiB
HTML

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana Icons | Mana</title>
<link rel="stylesheet" href="assets/mana.min.css" />
<link rel="stylesheet" href="assets/docs.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>
<section id="banner">
<div class="wrapper">
<a href="index.html" class="logo"><i class="ms ms-g" style="top:-2px;position:relative;"></i> Mana</a>
<a href="index.html" class="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="https://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
<span class="item">
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
</span>
<span class="item">
Created by
<a href="http://andrewgioia.com">Andrew Gioia</a>
</span>
</div>
</section>
<header>
<div class="wrapper">
<h1 class="sub">Mana &amp; Card Icons</h1>
<a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
<i class="ms ms-instant"></i>
Download
</a>
<h2 class="sub">Complete set of Magic mana and card symbol font icons</h2>
</div>
</header>
<main>
<div class="wrapper">
<section>
<h3>
View the full list of mana symbols and other Magic card symboles.
To see all the different variations and casting cost styles, check out the <a href="attributes.html">Attributes</a> page.
To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>.
</h3>
</section>
<section class="content icons">
<h4>Mana &amp; Resource Symbols</h4>
<div class="icons">
<div class="icon" id="w" name="W">
<span><i class="ms ms-w"></i> White <em>(w)</em></span>
</div>
<div class="icon" id="u" name="U">
<span><i class="ms ms-u"></i> Blue <em>(u)</em></span>
</div>
<div class="icon" id="b" name="B">
<span><i class="ms ms-b"></i> Black <em>(b)</em></span>
</div>
<div class="icon" id="r" name="R">
<span><i class="ms ms-r"></i> Red <em>(r)</em></span>
</div>
<div class="icon" id="g" name="G">
<span><i class="ms ms-g"></i> Green <em>(g)</em></span>
</div>
<div class="icon" id="w-original" name="W (Original)">
<span><i class="ms ms-w-original"></i> White (Original) <em>(w-original)</em></span>
</div>
<div class="icon" id="w-list" name="W (List)">
<span><i class="ms ms-w-list"></i> White (List) <em>(w-list)</em></span>
</div>
<div class="icon" id="c" name="C">
<span><i class="ms ms-c"></i> Colorless Mana <em>(c)</em></span>
</div>
<div class="icon" id="h" name="H">
<span><i class="ms ms-h"></i> Phyrexian Mana <em>(h)</em></span>
</div>
<div class="icon" id="s" name="Snow">
<span><i class="ms ms-s"></i> Snow Mana <em>(s)</em></span>
</div>
<div class="icon" id="s-mtga" name="Snow (MTGA)">
<span><i class="ms ms-s-mtga"></i> Snow Mana (MTGA) <em>(s-mtga)</em></span>
</div>
<div class="icon" id="x" name="X">
<span><i class="ms ms-x"></i> X <em>(x)</em></span>
</div>
<div class="icon" id="y" name="Y">
<span><i class="ms ms-y"></i> Y <em>(y)</em></span>
</div>
<div class="icon" id="z" name="Z">
<span><i class="ms ms-z"></i> Z <em>(z)</em></span>
</div>
<div class="icon" id="0" name="0">
<span><i class="ms ms-0"></i> 0 <em>(0)</em></span>
</div>
<div class="icon" id="1" name="1">
<span><i class="ms ms-1"></i> 1 <em>(1)</em></span>
</div>
<div class="icon" id="2" name="2">
<span><i class="ms ms-2"></i> 2 <em>(2)</em></span>
</div>
<div class="icon" id="3" name="3">
<span><i class="ms ms-3"></i> 3 <em>(3)</em></span>
</div>
<div class="icon" id="4" name="4">
<span><i class="ms ms-4"></i> 4 <em>(4)</em></span>
</div>
<div class="icon" id="5" name="5">
<span><i class="ms ms-5"></i> 5 <em>(5)</em></span>
</div>
<div class="icon" id="6" name="6">
<span><i class="ms ms-6"></i> 6 <em>(6)</em></span>
</div>
<div class="icon" id="7" name="7">
<span><i class="ms ms-7"></i> 7 <em>(7)</em></span>
</div>
<div class="icon" id="8" name="8">
<span><i class="ms ms-8"></i> 8 <em>(8)</em></span>
</div>
<div class="icon" id="9" name="9">
<span><i class="ms ms-9"></i> 9 <em>(9)</em></span>
</div>
<div class="icon" id="10" name="10">
<span><i class="ms ms-10"></i> 10 <em>(10)</em></span>
</div>
<div class="icon" id="11" name="11">
<span><i class="ms ms-11"></i> 11 <em>(11)</em></span>
</div>
<div class="icon" id="12" name="12">
<span><i class="ms ms-12"></i> 12 <em>(12)</em></span>
</div>
<div class="icon" id="13" name="13">
<span><i class="ms ms-13"></i> 13 <em>(13)</em></span>
</div>
<div class="icon" id="14" name="14">
<span><i class="ms ms-14"></i> 14 <em>(14)</em></span>
</div>
<div class="icon" id="15" name="15">
<span><i class="ms ms-15"></i> 15 <em>(15)</em></span>
</div>
<div class="icon" id="16" name="16">
<span><i class="ms ms-16"></i> 16 <em>(16)</em></span>
</div>
<div class="icon" id="17" name="17">
<span><i class="ms ms-17"></i> 17 <em>(17)</em></span>
</div>
<div class="icon" id="18" name="18">
<span><i class="ms ms-18"></i> 18 <em>(18)</em></span>
</div>
<div class="icon" id="19" name="19">
<span><i class="ms ms-19"></i> 19 <em>(19)</em></span>
</div>
<div class="icon" id="20" name="20">
<span><i class="ms ms-20"></i> 20 <em>(20)</em></span>
</div>
<div class="icon" id="1-2" name="1/2">
<span><i class="ms ms-1-2"></i> 1/2 <em>(1-2)</em></span>
</div>
<div class="icon" id="infinity" name="Infinity">
<span><i class="ms ms-infinity"></i> Infinity <em>(infinity)</em></span>
</div>
<div class="icon" id="100" name="100">
<span><i class="ms ms-100 ms-fw" style="font-size: 1.0em"></i> 100 <em>(100)</em></span>
</div>
<div class="icon" id="1000000" name="1000000">
<span><i class="ms ms-1000000 ms-fw" style="font-size: .75em"></i> &nbsp;&nbsp;&nbsp;&nbsp;1,000,000 <em>(1000000)</em></span>
</div>
<div class="icon" id="e" name="Energy">
<span><i class="ms ms-e"></i> Energy <em>(e)</em></span>
</div>
<div class="icon" id="paw" name="Paw">
<span><i class="ms ms-paw"></i> Pawprint <em>(paw)</em></span>
</div>
<div class="icon" id="d" name="Land Drop">
<span><i class="ms ms-d"></i> Land Drop <em>(d)</em></span>
</div>
<div class="icon" id="l" name="Legendary Mana">
<span><i class="ms ms-l"></i> Legendary Mana <em>(l)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Card Symbols</h4>
<div class="icons">
<div class="icon" id="tap" name="Tap">
<span><i class="ms ms-tap"></i> Tap <em>(tap)</em></span>
</div>
<div class="icon" id="untap" name="Untap">
<span><i class="ms ms-untap"></i> Untap <em>(untap)</em></span>
</div>
<div class="icon" id="tap-alt" name="Tap (Alt)">
<span><i class="ms ms-tap-3ed"></i> Tap (3ed) <em>(tap-3ed)</em></span>
</div>
<div class="icon" id="tap-alt" name="Tap (Alt)">
<span><i class="ms ms-tap-4ed"></i> Tap (4ed) <em>(tap-4ed)</em></span>
</div>
<div class="icon" id="chaos" name="Chaos">
<span><i class="ms ms-chaos"></i> Chaos <em>(chaos)</em></span>
</div>
<div class="icon" id="flashback" name="Flashback">
<span><i class="ms ms-flashback"></i> Flashback <em>(flashback)</em></span>
</div>
<div class="icon" id="power" name="Power">
<span><i class="ms ms-power"></i> Power <em>(power)</em></span>
</div>
<div class="icon" id="toughness" name="Toughness">
<span><i class="ms ms-toughness"></i> Toughness <em>(toughness)</em></span>
</div>
<div class="icon" id="power-mtga" name="Power (Arena)">
<span><i class="ms ms-power-mtga"></i> Power (Arena) <em>(power-mtga)</em></span>
</div>
<div class="icon" id="toughness-mtga" name="Toughness (Arena)">
<span><i class="ms ms-toughness-mtga"></i> Toughness (Arena) <em>(toughness-mtga)</em></span>
</div>
<div class="icon" id="artist-brush" name="Artist (Brush)">
<span><i class="ms ms-artist-brush"></i> Artist (Brush) <em>(artist-brush)</em></span>
</div>
<div class="icon" id="artist-nib" name="Artist (Nib)">
<span><i class="ms ms-artist-nib"></i> Artist (Nib) <em>(artist-nib)</em></span>
</div>
<div class="icon" id="saga" name="Saga">
<span><i class="ms ms-saga ms-saga-1"></i> Saga <em>(saga)</em></span>
</div>
<div class="icon" id="acorn" name="Acorn">
<span><i class="ms ms-acorn"></i> Acorn <em>(acorn)</em></span>
</div>
<div class="icon" id="ticket" name="Ticket">
<span><i class="ms ms-ticket"></i> Ticket <em>(ticket)</em></span>
</div>
<div class="icon" id="rarity" name="Rarity">
<span><i class="ms ms-rarity"></i> Rarity <em>(rarity)</em></span>
</div>
<div class="icon" id="multicolor" name="Multicolor">
<span><i class="ms ms-multicolor ms-duo"></i> Multicolor <em>(multicolor)</em></span>
</div>
<div class="icon" id="spree" name="Spree">
<span><i class="ms ms-spree"></i> Spree <em>(spree)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Loyalty Symbols</h4>
<div class="icons">
<div class="icon" id="loyalty-up" name="Loyalty Up">
<span><i class="ms ms-loyalty-up"></i> Loyalty Up <em>(loyalty-up)</em></span>
</div>
<div class="icon" id="loyalty-down" name="Loyalty Down">
<span><i class="ms ms-loyalty-down"></i> Loyalty Down <em>(loyalty-down)</em></span>
</div>
<div class="icon" id="loyalty-zero" name="Loyalty Zero">
<span><i class="ms ms-loyalty-zero"></i> Loyalty Zero <em>(loyalty-zero)</em></span>
</div>
<div class="icon" id="loyalty-start" name="Loyalty Start">
<span><i class="ms ms-loyalty-start"></i> Loyalty Start <em>(loyalty-start)</em></span>
</div>
<div class="icon" id="level" name="Level">
<span><i class="ms ms-level"></i> Level <em>(level)</em></span>
</div>
<div class="icon" id="defense" name="Defense">
<span><i class="ms ms-defense"></i> Defense <em>(defense)</em></span>
</div>
<div class="icon" id="defense-outline" name="Defense Outline">
<span><i class="ms ms-defense-outline"></i> Defense Outline <em>(defense-outline)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Double-Faced Cards</h4>
<div class="icons">
<div class="icon" id="dfc-day" name="Day">
<span><i class="ms ms-dfc-day"></i> Day <em>(dfc-day)</em></span>
</div>
<div class="icon" id="dfc-night" name="Night">
<span><i class="ms ms-dfc-night"></i> Night <em>(dfc-night)</em></span>
</div>
<div class="icon" id="dfc-spark" name="Spark">
<span><i class="ms ms-dfc-spark"></i> Spark <em>(dfc-spark)</em></span>
</div>
<div class="icon" id="dfc-ignite" name="Ignite">
<span><i class="ms ms-dfc-ignite"></i> Ignite <em>(dfc-ignite)</em></span>
</div>
<div class="icon" id="dfc-moon" name="Moon">
<span><i class="ms ms-dfc-moon"></i> Moon <em>(dfc-moon)</em></span>
</div>
<div class="icon" id="dfc-emrakul" name="Emrakul">
<span><i class="ms ms-dfc-emrakul"></i> Emrakul <em>(dfc-emrakul)</em></span>
</div>
<div class="icon" id="dfc-enchantment" name="Enchantment">
<span><i class="ms ms-dfc-enchantment"></i> Enchantment <em>(dfc-enchantment)</em></span>
</div>
<div class="icon" id="dfc-land" name="Emrakul">
<span><i class="ms ms-dfc-land"></i> Land <em>(dfc-land)</em></span>
</div>
<div class="icon" id="dfc-lesson" name="Lesson">
<span><i class="ms ms-dfc-lesson"></i> Lesson <em>(dfc-lesson)</em></span>
</div>
<div class="icon" id="dfc-front" name="Front">
<span><i class="ms ms-dfc-front"></i> Front <em>(dfc-front)</em></span>
</div>
<div class="icon" id="dfc-back" name="Back">
<span><i class="ms ms-dfc-back"></i> Back <em>(dfc-back)</em></span>
</div>
<div class="icon" id="dfc-meld" name="Meld">
<span><i class="ms ms-dfc-meld"></i> Meld <em>(dfc-meld)</em></span>
</div>
<div class="icon" id="dfc-facedown" name="Face Down">
<span><i class="ms ms-dfc-facedown"></i> Face Down <em>(dfc-facedown)</em></span>
</div>
<div class="icon" id="dfc-modal-face" name="DFC Modal Face">
<span><i class="ms ms-dfc-modal-face"></i> Modal (Face) <em>(dfc-modal-face)</em></span>
</div>
<div class="icon" id="dfc-modal-back" name="DFC Modal Back)">
<span><i class="ms ms-dfc-modal-back"></i> Modal (Back) <em>(dfc-modal-back)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Card Types</h4>
<div class="icons">
<div class="icon" id="artifact" name="Artifact">
<span><i class="ms ms-artifact"></i> Artifact <em>(artifact)</em></span>
</div>
<div class="icon" id="creature" name="Creature">
<span><i class="ms ms-creature"></i> Creature <em>(creature)</em></span>
</div>
<div class="icon" id="enchantment" name="Enchantment">
<span><i class="ms ms-enchantment"></i> Enchantment <em>(enchantment)</em></span>
</div>
<div class="icon" id="instant" name="Instant">
<span><i class="ms ms-instant"></i> Instant <em>(instant)</em></span>
</div>
<div class="icon" id="land" name="Land">
<span><i class="ms ms-land"></i> Land <em>(land)</em></span>
</div>
<div class="icon" id="planeswalker" name="Planeswalker">
<span><i class="ms ms-planeswalker"></i> Planeswalker <em>(planeswalker)</em></span>
</div>
<div class="icon" id="sorcery" name="Sorcery">
<span><i class="ms ms-sorcery"></i> Sorcery <em>(sorcery)</em></span>
</div>
<div class="icon" id="tribal" name="Tribal">
<span><i class="ms ms-tribal"></i> Tribal <em>(tribal, multiple)</em></span>
</div>
<div class="icon" id="plane" name="Plane">
<span><i class="ms ms-plane"></i> Plane <em>(plane)</em></span>
</div>
<div class="icon" id="phenomenon" name="Phenomenon">
<span><i class="ms ms-phenomenon"></i> Phenomenon <em>(phenomenon)</em></span>
</div>
<div class="icon" id="scheme" name="Scheme">
<span><i class="ms ms-scheme"></i> Scheme <em>(scheme)</em></span>
</div>
<div class="icon" id="conspiracy" name="Conspiracy">
<span><i class="ms ms-conspiracy"></i> Conspiracy <em>(conspiracy)</em></span>
</div>
<div class="icon" id="vanguard" name="Vanguard">
<span><i class="ms ms-vanguard"></i> Vanguard <em>(vanguard)</em></span>
</div>
<div class="icon" id="token" name="Token">
<span><i class="ms ms-token"></i> Token <em>(token)</em></span>
</div>
<div class="icon" id="battle" name="Battle">
<span><i class="ms ms-battle"></i> Battle <em>(battle)</em></span>
</div>
<div class="icon" id="battle-siege" name="Battle - Siege">
<span><i class="ms ms-battle-siege"></i> Battle - Siege <em>(battle-siege)</em></span>
</div>
<div class="icon" id="commander" name="Commander">
<span><i class="ms ms-commander"></i> Commander <em>(commander)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Color Indicators</h4>
<div class="icons indicators">
<div class="icon" id="ci-u" name="Color Indicator: White">
<span><i class="ms ms-ci ms-ci-1 ms-ci-u"></i> Blue <em>(ci-u)</em></span>
</div>
<div class="icon" id="ci-w" name="Color Indicator: White">
<span><i class="ms ms-ci ms-ci-1 ms-ci-w"></i> White <em>(ci-w)</em></span>
</div>
<div class="icon" id="ci-b" name="Color Indicator: Black">
<span><i class="ms ms-ci ms-ci-1 ms-ci-b"></i> Black <em>(ci-b)</em></span>
</div>
<div class="icon" id="ci-r" name="Color Indicator: Red">
<span><i class="ms ms-ci ms-ci-1 ms-ci-r"></i> Red <em>(ci-r)</em></span>
</div>
<div class="icon" id="ci-g" name="Color Indicator: Green">
<span><i class="ms ms-ci ms-ci-1 ms-ci-g"></i> Green <em>(ci-g)</em></span>
</div>
<div class="icon" id="ci-wu" name="Color Indicator: White/Blue">
<span><i class="ms ms-ci ms-ci-2 ms-ci-wu"></i> WU <em>(ci-wu)</em></span>
</div>
<div class="icon" id="ci-wb" name="Color Indicator: White/Black">
<span><i class="ms ms-ci ms-ci-2 ms-ci-wb"></i> WB <em>(ci-wb)</em></span>
</div>
<div class="icon" id="ci-ub" name="Color Indicator: Blue/Black">
<span><i class="ms ms-ci ms-ci-2 ms-ci-ub"></i> UB <em>(ci-ub)</em></span>
</div>
<div class="icon" id="ci-ur" name="Color Indicator: Blue/Red">
<span><i class="ms ms-ci ms-ci-2 ms-ci-ur"></i> UR <em>(ci-ur)</em></span>
</div>
<div class="icon" id="ci-bg" name="Color Indicator: Black/Green">
<span><i class="ms ms-ci ms-ci-2 ms-ci-bg"></i> BG <em>(ci-bg)</em></span>
</div>
<div class="icon" id="ci-br" name="Color Indicator: Black/Red">
<span><i class="ms ms-ci ms-ci-2 ms-ci-br"></i> BR <em>(ci-br)</em></span>
</div>
<div class="icon" id="ci-rw" name="Color Indicator: Red/White">
<span><i class="ms ms-ci ms-ci-2 ms-ci-rw"></i> RW <em>(ci-rw)</em></span>
</div>
<div class="icon" id="ci-rg" name="Color Indicator: Red/Green">
<span><i class="ms ms-ci ms-ci-2 ms-ci-rg"></i> RG <em>(ci-rg)</em></span>
</div>
<div class="icon" id="ci-gu" name="Color Indicator: Green/Blue">
<span><i class="ms ms-ci ms-ci-2 ms-ci-gu"></i> GU <em>(ci-gu)</em></span>
</div>
<div class="icon" id="ci-gw" name="Color Indicator: Green/White">
<span><i class="ms ms-ci ms-ci-2 ms-ci-gw"></i> GW <em>(ci-gw)</em></span>
</div>
<div class="icon" id="ci-wug" name="Color Indicator: White/Blue/Green">
<span><i class="ms ms-ci ms-ci-3 ms-ci-wug"></i> Bant <em>(ci-wug)</em></span>
</div>
<div class="icon" id="ci-ubw" name="Color Indicator: Blue/Black/White">
<span><i class="ms ms-ci ms-ci-3 ms-ci-ubw"></i> Esper <em>(ci-ubw)</em></span>
</div>
<div class="icon" id="ci-bru" name="Color Indicator: Black/Red/Blue">
<span><i class="ms ms-ci ms-ci-3 ms-ci-bru"></i> Grixis <em>(ci-bru)</em></span>
</div>
<div class="icon" id="ci-rgb" name="Color Indicator: Red/Green/Black">
<span><i class="ms ms-ci ms-ci-3 ms-ci-rgb"></i> Jund <em>(ci-rgb)</em></span>
</div>
<div class="icon" id="ci-gwr" name="Color Indicator: Gren/White/Red">
<span><i class="ms ms-ci ms-ci-3 ms-ci-gwr"></i> Naya <em>(ci-gwr)</em></span>
</div>
<div class="icon" id="ci-wbg" name="Color Indicator: White/Black/Green">
<span><i class="ms ms-ci ms-ci-3 ms-ci-wbg"></i> Junk/Abzan <em>(ci-wbg)</em></span>
</div>
<div class="icon" id="ci-urw" name="Color Indicator: Blue/Red/White">
<span><i class="ms ms-ci ms-ci-3 ms-ci-urw"></i> Jeskai <em>(ci-urw)</em></span>
</div>
<div class="icon" id="ci-bgu" name="Color Indicator: Black/Green/Blue">
<span><i class="ms ms-ci ms-ci-3 ms-ci-bgu"></i> BUG/Sultai <em>(ci-bgu)</em></span>
</div>
<div class="icon" id="ci-rwb" name="Color Indicator: Red/White/Black">
<span><i class="ms ms-ci ms-ci-3 ms-ci-rwb"></i> Mardu <em>(ci-rwb)</em></span>
</div>
<div class="icon" id="ci-gur" name="Color Indicator: Green/Blue/Red">
<span><i class="ms ms-ci ms-ci-3 ms-ci-gur"></i> RUG/Temur <em>(ci-gur)</em></span>
</div>
<div class="icon" id="ci-ubrg" name="Color Indicator: Blue/Black/Red/Green">
<span><i class="ms ms-ci ms-ci-4 ms-ci-ubrg"></i> UBRG <em>(ci-ubrg)</em></span>
</div>
<div class="icon" id="ci-brgw" name="Color Indicator: Black/Red/Green/White">
<span><i class="ms ms-ci ms-ci-4 ms-ci-brgw"></i> BRGW <em>(ci-brgw)</em></span>
</div>
<div class="icon" id="ci-rgwu" name="Color Indicator: Red/Green/White/Blue">
<span><i class="ms ms-ci ms-ci-4 ms-ci-rgwu"></i> RGWU <em>(ci-rgwu)</em></span>
</div>
<div class="icon" id="ci-gwub" name="Color Indicator: Green/White/Blue/Black">
<span><i class="ms ms-ci ms-ci-4 ms-ci-gwub"></i> GWUB <em>(ci-gwub)</em></span>
</div>
<div class="icon" id="ci-wubr" name="Color Indicator: White/Blue/Black/Red">
<span><i class="ms ms-ci ms-ci-4 ms-ci-wubr"></i> WUBR <em>(ci-wubr)</em></span>
</div>
<div class="icon" id="ci-5" name="Color Indicator: White/Blue/Black/Red/Green">
<span><i class="ms ms-ci ms-ci-5"></i> WUBRG <em>(ci-5)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Magic Online Counters</h4>
<div class="icons">
<div class="icon" id="counter-arrow" name="Arrow Counter">
<span><i class="ms ms-counter-arrow ms-2x"></i> Arrow <em>(counter-arrow)</em></span>
</div>
<div class="icon" id="counter-brick" name="Brick Counter">
<span><i class="ms ms-counter-brick ms-2x"></i> Brick <em>(counter-brick)</em></span>
</div>
<div class="icon" id="counter-charge" name="Charge Counter">
<span><i class="ms ms-counter-charge ms-2x"></i> Charge <em>(counter-charge)</em></span>
</div>
<div class="icon" id="counter-devotion" name="Devotion Counter">
<span><i class="ms ms-counter-devotion ms-2x"></i> Devotion <em>(counter-devotion)</em></span>
</div>
<div class="icon" id="counter-doom" name="Doom Counter">
<span><i class="ms ms-counter-doom ms-2x"></i> Doom <em>(counter-doom)</em></span>
</div>
<div class="icon" id="counter-echo" name="Echo Counter">
<span><i class="ms ms-counter-echo ms-2x"></i> Echo <em>(counter-echo)</em></span>
</div>
<div class="icon" id="counter-flame" name="Flame Counter">
<span><i class="ms ms-counter-flame ms-2x"></i> Flame <em>(counter-flame)</em></span>
</div>
<div class="icon" id="counter-flood" name="Flood Counter">
<span><i class="ms ms-counter-flood ms-2x"></i> Flood <em>(counter-flood)</em></span>
</div>
<div class="icon" id="counter-fungus" name="Fungus Counter">
<span><i class="ms ms-counter-fungus ms-2x"></i> Fungus <em>(counter-fungus)</em></span>
</div>
<div class="icon" id="counter-gold" name="Gold Counter">
<span><i class="ms ms-counter-gold ms-2x"></i> Gold <em>(counter-gold)</em></span>
</div>
<div class="icon" id="counter-ki" name="Ki Counter">
<span><i class="ms ms-counter-ki ms-2x"></i> Ki <em>(counter-ki)</em></span>
</div>
<div class="icon" id="counter-lore" name="Lore Counter">
<span><i class="ms ms-counter-lore ms-2x"></i> Lore <em>(counter-lore)</em></span>
</div>
<div class="icon" id="counter-loyalty" name="Loyalty Counter">
<span><i class="ms ms-counter-loyalty ms-2x"></i> Loyalty <em>(counter-loyalty)</em></span>
</div>
<div class="icon" id="counter-mining" name="Mining Counter">
<span><i class="ms ms-counter-mining ms-2x"></i> Mining <em>(counter-mining)</em></span>
</div>
<div class="icon" id="counter-minus" name="Minus Counter">
<span><i class="ms ms-counter-minus ms-2x"></i> Minus <em>(counter-minus)</em></span>
</div>
<div class="icon" id="counter-minus-uneven" name="Uneven Minus Counter">
<span><i class="ms ms-counter-minus-uneven ms-2x"></i> Minus (Uneven) <em>(counter-minus-uneven)</em></span>
</div>
<div class="icon" id="counter-muster" name="Muster Counter">
<span><i class="ms ms-counter-muster ms-2x"></i> Muster <em>(counter-muster)</em></span>
</div>
<div class="icon" id="counter-paw" name="Paw Counter">
<span><i class="ms ms-counter-paw ms-2x"></i> Paw <em>(counter-paw)</em></span>
</div>
<div class="icon" id="counter-pin" name="Pin Counter">
<span><i class="ms ms-counter-pin ms-2x"></i> Pin <em>(counter-pin)</em></span>
</div>
<div class="icon" id="counter-plus" name="Plus Counter">
<span><i class="ms ms-counter-plus ms-2x"></i> Plus <em>(counter-plus)</em></span>
</div>
<div class="icon" id="counter-rad" name="Rad Counter">
<span><i class="ms ms-counter-rad ms-2x"></i> Rad <em>(counter-rad)</em></span>
</div>
<div class="icon" id="counter-plus-uneven" name="Uneven Plus Counter">
<span><i class="ms ms-counter-plus-uneven ms-2x"></i> Plus (Uneven) <em>(counter-plus-uneven)</em></span>
</div>
<div class="icon" id="counter-scream" name="Scream Counter">
<span><i class="ms ms-counter-scream ms-2x"></i> Scream <em>(counter-scream)</em></span>
</div>
<div class="icon" id="counter-skeleton" name="Skeleton Counter">
<span><i class="ms ms-counter-skeleton ms-2x"></i> Skeleton <em>(counter-skeleton)</em></span>
</div>
<div class="icon" id="counter-skull" name="Skull Counter">
<span><i class="ms ms-counter-skull ms-2x"></i> Skull <em>(counter-skull)</em></span>
</div>
<div class="icon" id="counter-slime" name="Slime Counter">
<span><i class="ms ms-counter-slime ms-2x"></i> Slime <em>(counter-slime)</em></span>
</div>
<div class="icon" id="counter-time" name="Time Counter">
<span><i class="ms ms-counter-time ms-2x"></i> Time <em>(counter-time)</em></span>
</div>
<div class="icon" id="counter-verse" name="Verse Counter">
<span><i class="ms ms-counter-verse ms-2x"></i> Verse <em>(counter-verse)</em></span>
</div>
<div class="icon" id="counter-void" name="Void Counter">
<span><i class="ms ms-counter-void ms-2x"></i> Void <em>(counter-void)</em></span>
</div>
<div class="icon" id="counter-vortex" name="Vortex Counter">
<span><i class="ms ms-counter-vortex ms-2x"></i> Vortex <em>(counter-vortex)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Arena Exclusive Counters</h4>
<div class="icons">
<div class="icon" id="counter-damage" name="Marked for Damage">
<span><i class="ms ms-counter-damage ms-2x"></i> Damaged <em>(counter-damage)</em></span>
</div>
<div class="icon" id="counter-shield" name="Shield Counter">
<span><i class="ms ms-counter-shield ms-2x"></i> Shield <em>(counter-shield)</em></span>
</div>
<div class="icon" id="counter-stun" name="Stun Counter">
<span><i class="ms ms-counter-stun ms-2x"></i> Stun <em>(counter-stun)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Print/Punch-out Counters</h4>
<div class="icons">
<div class="icon" id="counter-brick-print" name="Brick">
<span><i class="ms ms-counter-brick-print ms-2x"></i> Brick <em>(counter-brick-print)</em></span>
</div>
<div class="icon" id="counter-charge-print" name="Charge">
<span><i class="ms ms-counter-charge-print ms-2x"></i> Charge <em>(counter-charge-print)</em></span>
</div>
<div class="icon" id="counter-deathtouch" name="Deathtouch">
<span><i class="ms ms-counter-deathtouch ms-2x"></i> Deathtouch <em>(counter-deathtouch)</em></span>
</div>
<div class="icon" id="counter-finality" name="Finality">
<span><i class="ms ms-counter-finality ms-2x"></i> Finality <em>(counter-finality)</em></span>
</div>
<div class="icon" id="counter-goad" name="Deathtouch">
<span><i class="ms ms-counter-goad ms-2x"></i> Goad <em>(counter-goad)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Arena Ability Symbols</h4>
<div class="icons">
<div class="icon" id="activated" name="Activated Ability">
<span><i class="ms ms-ability-activated"></i> Activated <em>(ability-activated)</em></span>
</div>
<div class="icon" id="adamant" name="Adamant">
<span><i class="ms ms-ability-adamant"></i> Adamant <em>(ability-adamant)</em></span>
</div>
<div class="icon" id="adapt" name="Adapt">
<span><i class="ms ms-ability-adapt"></i> Adapt <em>(ability-adapt)</em></span>
</div>
<div class="icon" id="addendum" name="Addendum">
<span><i class="ms ms-ability-addendum"></i> Addendum <em>(ability-addendum)</em></span>
</div>
<div class="icon" id="adventure" name="Adventure">
<span><i class="ms ms-ability-adventure"></i> Adventure <em>(ability-adventure)</em></span>
</div>
<div class="icon" id="afflict" name="Afflict">
<span><i class="ms ms-ability-afflict"></i> Afflict <em>(ability-afflict)</em></span>
</div>
<div class="icon" id="afterlife" name="Afterlife">
<span><i class="ms ms-ability-afterlife"></i> Afterlife <em>(ability-afterlife)</em></span>
</div>
<div class="icon" id="aftermath" name="Aftermath">
<span><i class="ms ms-ability-aftermath"></i> Aftermath <em>(ability-aftermath)</em></span>
</div>
<div class="icon" id="alliance" name="Alliance">
<span><i class="ms ms-ability-alliance"></i> Alliance <em>(ability-alliance)</em></span>
</div>
<div class="icon" id="amass" name="Amass">
<span><i class="ms ms-ability-amass"></i> Amass <em>(ability-amass)</em></span>
</div>
<div class="icon" id="amass-orcs" name="Amass Orcs">
<span><i class="ms ms-ability-amass-orcs"></i> Amass Orcs <em>(ability-amass-orcs)</em></span>
</div>
<div class="icon" id="ascend" name="Ascend">
<span><i class="ms ms-ability-ascend"></i> Ascend <em>(ability-ascend)</em></span>
</div>
<div class="icon" id="backup" name="Backup">
<span><i class="ms ms-ability-backup"></i> Backup <em>(ability-backup)</em></span>
</div>
<div class="icon" id="bargain" name="Bargain">
<span><i class="ms ms-ability-bargain"></i> Bargain <em>(ability-bargain)</em></span>
</div>
<div class="icon" id="blitz" name="Blitz">
<span><i class="ms ms-ability-blitz"></i> Blitz <em>(ability-blitz)</em></span>
</div>
<div class="icon" id="boast" name="Boast">
<span><i class="ms ms-ability-boast"></i> Boast <em>(ability-boast)</em></span>
</div>
<div class="icon" id="case-solved" name="Case Solved">
<span><i class="ms ms-ability-case-solved"></i> Case Solved <em>(ability-case-solved)</em></span>
</div>
<div class="icon" id="case-solved-print" name="Case Solved (Print)">
<span><i class="ms ms-ability-case-solved-print"></i> Case Solved (Print) <em>(ability-case-solved-print)</em></span>
</div>
<div class="icon" id="casualty" name="Casualty">
<span><i class="ms ms-ability-casualty"></i> Casualty <em>(ability-casualty)</em></span>
</div>
<div class="icon" id="changeling" name="Changeling">
<span><i class="ms ms-ability-changeling"></i> Changeling <em>(ability-changeling)</em></span>
</div>
<div class="icon" id="celebration" name="Celebration">
<span><i class="ms ms-ability-celebration"></i> Celebration <em>(ability-celebration)</em></span>
</div>
<div class="icon" id="channel" name="Channel">
<span><i class="ms ms-ability-channel"></i> Channel <em>(ability-channel)</em></span>
</div>
<div class="icon" id="cleave" name="Cleave">
<span><i class="ms ms-ability-cleave"></i> Cleave <em>(ability-cleave)</em></span>
</div>
<div class="icon" id="cloak" name="Cloak">
<span><i class="ms ms-ability-cloak"></i> Cloak <em>(ability-cloak)</em></span>
</div>
<div class="icon" id="collect-evidence" name="Collect Evidence">
<span><i class="ms ms-ability-collect-evidence"></i> Collect Evidence <em>(ability-collect-evidence)</em></span>
</div>
<div class="icon" id="companion" name="Companion">
<span><i class="ms ms-ability-companion"></i> Companion <em>(ability-companion)</em></span>
</div>
<div class="icon" id="constellation" name="Constellation">
<span><i class="ms ms-ability-constellation"></i> Constellation <em>(ability-constellation)</em></span>
</div>
<div class="icon" id="convoke" name="Convoke">
<span><i class="ms ms-ability-convoke"></i> Convoke <em>(ability-convoke)</em></span>
</div>
<div class="icon" id="convoke-original" name="Convoke (Original)">
<span><i class="ms ms-ability-convoke-original"></i> Convoke (Original) <em>(ability-convoke-original)</em></span>
</div>
<div class="icon" id="corrupted" name="Corrupted">
<span><i class="ms ms-ability-corrupted"></i> Corrupted <em>(ability-corrupted)</em></span>
</div>
<div class="icon" id="coven" name="Coven">
<span><i class="ms ms-ability-coven"></i> Coven <em>(ability-coven)</em></span>
</div>
<div class="icon" id="craft" name="Craft">
<span><i class="ms ms-ability-craft"></i> Craft <em>(ability-craft)</em></span>
</div>
<div class="icon" id="crime" name="Crime">
<span><i class="ms ms-ability-crime"></i> Crime <em>(ability-crime)</em></span>
</div>
<div class="icon" id="d20" name="D20">
<span><i class="ms ms-ability-d20"></i> D20 <em>(ability-d20)</em></span>
</div>
<div class="icon" id="day-night" name="Day/Night">
<span><i class="ms ms-ability-day-night"></i> Day/Night <em>(ability-day-night)</em></span>
</div>
<div class="icon" id="daybound-nightbound" name="Daybound/Nightbound">
<span><i class="ms ms-ability-daybound-nightbound"></i> Daybound/Nightbound <em>(ability-daybound-nightbound)</em></span>
</div>
<div class="icon" id="deathtouch" name="Deathtouch">
<span><i class="ms ms-ability-deathtouch"></i> Deathtouch <em>(ability-deathtouch)</em></span>
</div>
<div class="icon" id="decayed" name="Decayed">
<span><i class="ms ms-ability-decayed"></i> Decayed <em>(ability-decayed)</em></span>
</div>
<div class="icon" id="defender" name="Defender">
<span><i class="ms ms-ability-defender"></i> Defender <em>(ability-defender)</em></span>
</div>
<div class="icon" id="delve" name="Delve">
<span><i class="ms ms-ability-delve"></i> Delve <em>(ability-delve)</em></span>
</div>
<div class="icon" id="descend" name="Descend">
<span><i class="ms ms-ability-descend"></i> Descend <em>(ability-descend)</em></span>
</div>
<div class="icon" id="devotion" name="Devotion">
<span><i class="ms ms-ability-devotion"></i> Devotion <em>(ability-devotion)</em></span>
</div>
<div class="icon" id="discover" name="Discover">
<span><i class="ms ms-ability-discover"></i> Discover <em>(ability-discover)</em></span>
</div>
<div class="icon" id="disguise" name="Disguise">
<span><i class="ms ms-ability-disguise"></i> Disguise <em>(ability-disguise)</em></span>
</div>
<div class="icon" id="disturb" name="Disturb">
<span><i class="ms ms-ability-disturb"></i> Disturb <em>(ability-disturb)</em></span>
</div>
<div class="icon" id="domain" name="Domain">
<span><i class="ms ms-ability-domain"></i> Domain <em>(ability-domain)</em></span>
</div>
<div class="icon" id="double-strike" name="Double Strike">
<span><i class="ms ms-ability-double-strike"></i> Double Strike <em>(ability-double-strike)</em></span>
</div>
<div class="icon" id="dungeon" name="Dungeon">
<span><i class="ms ms-ability-dungeon"></i> Dungeon <em>(ability-dungeon)</em></span>
</div>
<div class="icon" id="eerie" name="Eerie">
<span><i class="ms ms-ability-eerie"></i> Eerie <em>(ability-eerie)</em></span>
</div>
<div class="icon" id="embalm" name="Embalm">
<span><i class="ms ms-ability-embalm"></i> Embalm <em>(ability-embalm)</em></span>
</div>
<div class="icon" id="enlist" name="Embalm">
<span><i class="ms ms-ability-enlist"></i> Enlist <em>(ability-enlist)</em></span>
</div>
<div class="icon" id="enrage" name="Enrage">
<span><i class="ms ms-ability-enrage"></i> Enrage <em>(ability-enrage)</em></span>
</div>
<div class="icon" id="enrage-original" name="Enrage (Original)">
<span><i class="ms ms-ability-enrage-original"></i> Enrage (Original) <em>(ability-enrage-original)</em></span>
</div>
<div class="icon" id="escape" name="Escape">
<span><i class="ms ms-ability-escape"></i> Escape <em>(ability-escape)</em></span>
</div>
<div class="icon" id="eternalize" name="Eternalize">
<span><i class="ms ms-ability-eternalize"></i> Eternalize <em>(ability-eternalize)</em></span>
</div>
<div class="icon" id="exalted" name="Exalted">
<span><i class="ms ms-ability-exalted"></i> Exalted <em>(ability-exalted)</em></span>
</div>
<div class="icon" id="expend" name="Expend">
<span><i class="ms ms-ability-expend"></i> Expend <em>(ability-expend)</em></span>
</div>
<div class="icon" id="exploit" name="Exploit">
<span><i class="ms ms-ability-exploit"></i> Exploit <em>(ability-exploit)</em></span>
</div>
<div class="icon" id="explore" name="Explore">
<span><i class="ms ms-ability-explore"></i> Explore <em>(ability-explore)</em></span>
</div>
<div class="icon" id="fabricate" name="Fabricate">
<span><i class="ms ms-ability-fabricate"></i> Fabricate <em>(ability-fabricate)</em></span>
</div>
<div class="icon" id="ferocious" name="Ferocious">
<span><i class="ms ms-ability-ferocious"></i> Ferocious <em>(ability-ferocious)</em></span>
</div>
<div class="icon" id="first-strike" name="First Strike">
<span><i class="ms ms-ability-first-strike"></i> First Strike <em>(ability-first-strike)</em></span>
</div>
<div class="icon" id="flash" name="Flash">
<span><i class="ms ms-ability-flash"></i> Flash <em>(ability-flash)</em></span>
</div>
<div class="icon" id="flying" name="Flying">
<span><i class="ms ms-ability-flying"></i> Flying <em>(ability-flying)</em></span>
</div>
<div class="icon" id="for-mirrodin" name="For Mirrodin!">
<span><i class="ms ms-ability-for-mirrodin"></i> For Mirrodin! <em>(ability-for-mirrodin)</em></span>
</div>
<div class="icon" id="forage" name="Forage">
<span><i class="ms ms-ability-forage"></i> Forage <em>(ability-forage)</em></span>
</div>
<div class="icon" id="foretell" name="Foretell">
<span><i class="ms ms-ability-foretell"></i> Foretell <em>(ability-foretell)</em></span>
</div>
<div class="icon" id="ability-gift" name="Gift">
<span><i class="ms ms-ability-gift"></i> Gift <em>(ability-gift)</em></span>
</div>
<div class="icon" id="goad" name="Goad">
<span><i class="ms ms-ability-goad"></i> Goad <em>(ability-goad)</em></span>
</div>
<div class="icon" id="haste" name="Haste">
<span><i class="ms ms-ability-haste"></i> Haste <em>(ability-haste)</em></span>
</div>
<div class="icon" id="hexproof" name="Hexproof">
<span><i class="ms ms-ability-hexproof"></i> Hexproof <em>(ability-hexproof)</em></span>
</div>
<div class="icon" id="hexproof-white" name="Hexproof: White">
<span><i class="ms ms-ability-hexproof-white"></i> Hexproof: White <em>(ability-hexproof-white)</em></span>
</div>
<div class="icon" id="hexproof-blue" name="Hexproof: Blue">
<span><i class="ms ms-ability-hexproof-blue"></i> Hexproof: Blue <em>(ability-hexproof-blue)</em></span>
</div>
<div class="icon" id="hexproof-black" name="Hexproof: Black">
<span><i class="ms ms-ability-hexproof-black"></i> Hexproof: Black <em>(ability-hexproof-black)</em></span>
</div>
<div class="icon" id="hexproof-red" name="Hexproof: Red">
<span><i class="ms ms-ability-hexproof-red"></i> Hexproof: Red <em>(ability-hexproof-red)</em></span>
</div>
<div class="icon" id="hexproof-green" name="Hexproof: Green">
<span><i class="ms ms-ability-hexproof-green"></i> Hexproof: Green <em>(ability-hexproof-green)</em></span>
</div>
<div class="icon" id="hideaway" name="Hideaway">
<span><i class="ms ms-ability-hideaway"></i> Hideaway <em>(ability-hideaway)</em></span>
</div>
<div class="icon" id="impending" name="Impending">
<span><i class="ms ms-ability-impending"></i> Impending <em>(ability-impending)</em></span>
</div>
<div class="icon" id="improvise" name="Improvise">
<span><i class="ms ms-ability-improvise"></i> Improvise <em>(ability-improvise)</em></span>
</div>
<div class="icon" id="incubate" name="Incubate">
<span><i class="ms ms-ability-incubate"></i> Incubate <em>(ability-incubate)</em></span>
</div>
<div class="icon" id="indestructible" name="Indestructible">
<span><i class="ms ms-ability-indestructible"></i> Indestructible <em>(ability-indestructible)</em></span>
</div>
<div class="icon" id="investigate" name="Investigate">
<span><i class="ms ms-ability-investigate"></i> Investigate <em>(ability-investigate)</em></span>
</div>
<div class="icon" id="jumpstart" name="Jumpstart">
<span><i class="ms ms-ability-jumpstart"></i> Jumpstart <em>(ability-jumpstart)</em></span>
</div>
<div class="icon" id="kicker" name="Kicker">
<span><i class="ms ms-ability-kicker"></i> Kicker <em>(ability-kicker)</em></span>
</div>
<div class="icon" id="landfall" name="Landfall">
<span><i class="ms ms-ability-landfall"></i> Landfall <em>(ability-landfall)</em></span>
</div>
<div class="icon" id="learn" name="Learn">
<span><i class="ms ms-ability-learn"></i> Learn <em>(ability-learn)</em></span>
</div>
<div class="icon" id="lifelink" name="Lifelink">
<span><i class="ms ms-ability-lifelink"></i> Lifelink <em>(ability-lifelink)</em></span>
</div>
<div class="icon" id="lifelink-original" name="Lifelink (Original)">
<span><i class="ms ms-ability-lifelink-original"></i> Lifelink (Original) <em>(ability-lifelink-original)</em></span>
</div>
<div class="icon" id="magecraft" name="Magecraft">
<span><i class="ms ms-ability-magecraft"></i> Magecraft <em>(ability-magecraft)</em></span>
</div>
<div class="icon" id="manifest-dread" name="Manifest Dread">
<span><i class="ms ms-ability-manifest-dread"></i> Manifest Dread <em>(ability-manifest-dread)</em></span>
</div>
<div class="icon" id="meld" name="Meld">
<span><i class="ms ms-ability-meld"></i> Meld <em>(ability-meld)</em></span>
</div>
<div class="icon" id="menace" name="Menace">
<span><i class="ms ms-ability-menace"></i> Menace <em>(ability-menace)</em></span>
</div>
<div class="icon" id="morph" name="Morph">
<span><i class="ms ms-ability-morph"></i> Morph <em>(ability-morph)</em></span>
</div>
<div class="icon" id="mutate" name="Mutate">
<span><i class="ms ms-ability-mutate"></i> Mutate <em>(ability-mutate)</em></span>
</div>
<div class="icon" id="ninjutsu" name="Ninjutsu">
<span><i class="ms ms-ability-ninjutsu"></i> Ninjutsu <em>(ability-ninjutsu)</em></span>
</div>
<div class="icon" id="obscura" name="Obscura">
<span><i class="ms ms-ability-obscura"></i> Obscura <em>(ability-obscura)</em></span>
</div>
<div class="icon" id="ability-offspring" name="Offspring">
<span><i class="ms ms-ability-offspring"></i> Offspring <em>(ability-offspring)</em></span>
</div>
<div class="icon" id="outlast" name="Outlast">
<span><i class="ms ms-ability-outlast"></i> Outlast <em>(ability-outlast)</em></span>
</div>
<div class="icon" id="party" name="Party">
<span><i class="ms ms-ability-party"></i> Party <em>(ability-party)</em></span>
</div>
<div class="icon" id="phyrexian" name="Phyrexian">
<span><i class="ms ms-ability-phyrexian"></i> Phyrexian <em>(ability-phyrexian)</em></span>
</div>
<div class="icon" id="plot" name="Plot">
<span><i class="ms ms-ability-plot"></i> Plot <em>(ability-plot)</em></span>
</div>
<div class="icon" id="proliferate" name="Proliferate">
<span><i class="ms ms-ability-proliferate"></i> Proliferate <em>(ability-proliferate)</em></span>
</div>
<div class="icon" id="prototype" name="Prototype">
<span><i class="ms ms-ability-prototype"></i> Prototype <em>(ability-prototype)</em></span>
</div>
<div class="icon" id="prowess" name="Prowess">
<span><i class="ms ms-ability-prowess"></i> Prowess <em>(ability-prowess)</em></span>
</div>
<div class="icon" id="raid" name="Raid">
<span><i class="ms ms-ability-raid"></i> Raid <em>(ability-raid)</em></span>
</div>
<div class="icon" id="reach" name="Reach">
<span><i class="ms ms-ability-reach"></i> Reach <em>(ability-reach)</em></span>
</div>
<div class="icon" id="read-ahead" name="Read Ahead">
<span><i class="ms ms-ability-read-ahead"></i> Read Ahead <em>(ability-read-ahead)</em></span>
</div>
<div class="icon" id="reconfigure" name="Reconfigure">
<span><i class="ms ms-ability-reconfigure"></i> Reconfigure <em>(ability-reconfigure)</em></span>
</div>
<div class="icon" id="revolt" name="Revolt">
<span><i class="ms ms-ability-revolt"></i> Revolt <em>(ability-revolt)</em></span>
</div>
<div class="icon" id="ring-bearer" name="Ring Bearer">
<span><i class="ms ms-ability-ring-bearer"></i> Ring Bearer <em>(ability-ring-bearer)</em></span>
</div>
<div class="icon" id="riot" name="Riot">
<span><i class="ms ms-ability-riot"></i> Riot <em>(ability-riot)</em></span>
</div>
<div class="icon" id="role-cursed" name="Cursed Role">
<span><i class="ms ms-ability-role-cursed"></i> Cursed Role <em>(ability-role-cursed)</em></span>
</div>
<div class="icon" id="role-monster" name="Monster Role">
<span><i class="ms ms-ability-role-monster"></i> Monster Role <em>(ability-role-monster)</em></span>
</div>
<div class="icon" id="role-royal" name="Royal Role">
<span><i class="ms ms-ability-role-royal"></i> Royal Role <em>(ability-role-royal)</em></span>
</div>
<div class="icon" id="role-sorceror" name="Sorceror Role">
<span><i class="ms ms-ability-role-sorceror"></i> Sorceror Role <em>(ability-role-sorceror)</em></span>
</div>
<div class="icon" id="role-wicked" name="Wicked Role">
<span><i class="ms ms-ability-role-wicked"></i> Wicked Role <em>(ability-role-wicked)</em></span>
</div>
<div class="icon" id="role-young-hero" name="Young Hero Role">
<span><i class="ms ms-ability-role-young-hero"></i> Young Hero Role <em>(ability-role-young-hero)</em></span>
</div>
<div class="icon" id="saddle" name="Saddle">
<span><i class="ms ms-ability-saddle"></i> Saddle <em>(ability-saddle)</em></span>
</div>
<div class="icon" id="specialize" name="Specialize">
<span><i class="ms ms-ability-specialize"></i> Specialize <em>(ability-specialize)</em></span>
</div>
<div class="icon" id="spectacle" name="Spectacle">
<span><i class="ms ms-ability-spectacle"></i> Spectacle <em>(ability-spectacle)</em></span>
</div>
<div class="icon" id="ability-spree" name="Spree">
<span><i class="ms ms-ability-spree"></i> Spree <em>(ability-spree)</em></span>
</div>
<div class="icon" id="survival" name="Survival">
<span><i class="ms ms-ability-survival"></i> Survival <em>(ability-survival)</em></span>
</div>
<div class="icon" id="static" name="Static Ability">
<span><i class="ms ms-ability-static"></i> Static Ability <em>(ability-static)</em></span>
</div>
<div class="icon" id="summoning-sickness" name="Summoning Sickness">
<span><i class="ms ms-ability-summoning-sickness"></i> Summoning Sickness <em>(ability-summoning-sickness)</em></span>
</div>
<div class="icon" id="suspect" name="Suspect">
<span><i class="ms ms-ability-suspect"></i> Suspect <em>(ability-suspect)</em></span>
</div>
<div class="icon" id="surveil" name="Surveil">
<span><i class="ms ms-ability-surveil"></i> Surveil <em>(ability-surveil)</em></span>
</div>
<div class="icon" id="surveil-original" name="Surveil (Original)">
<span><i class="ms ms-ability-surveil-original"></i> Surveil (Original) <em>(ability-surveil-original)</em></span>
</div>
<div class="icon" id="the-ring-tempts-you" name="The Ring Tempts Your">
<span><i class="ms ms-ability-the-ring-tempts-you"></i> The Ring Tempts Your <em>(ability-the-ring-tempts-you)</em></span>
</div>
<div class="icon" id="toxic" name="Toxic">
<span><i class="ms ms-ability-toxic"></i> Toxic <em>(ability-toxic)</em></span>
</div>
<div class="icon" id="training" name="Training">
<span><i class="ms ms-ability-training"></i> Training <em>(ability-training)</em></span>
</div>
<div class="icon" id="trample" name="Trample">
<span><i class="ms ms-ability-trample"></i> Trample <em>(ability-trample)</em></span>
</div>
<div class="icon" id="transform" name="Transform">
<span><i class="ms ms-ability-transform"></i> Transform <em>(ability-transform)</em></span>
</div>
<div class="icon" id="triggered" name="Triggered Ability">
<span><i class="ms ms-ability-triggered"></i> Triggered Ability <em>(ability-triggered)</em></span>
</div>
<div class="icon" id="undergrowth" name="Undergrowth">
<span><i class="ms ms-ability-undergrowth"></i> Undergrowth <em>(ability-undergrowth)</em></span>
</div>
<div class="icon" id="unearth" name="Unearth">
<span><i class="ms ms-ability-unearth"></i> Unearth <em>(ability-unearth)</em></span>
</div>
<div class="icon" id="valiant" name="Valiant">
<span><i class="ms ms-ability-valiant"></i> Valiant <em>(ability-valiant)</em></span>
</div>
<div class="icon" id="vigilance" name="Vigilance">
<span><i class="ms ms-ability-vigilance"></i> Vigilance <em>(ability-vigilance)</em></span>
</div>
<div class="icon" id="ward" name="Ward">
<span><i class="ms ms-ability-ward"></i> Ward <em>(ability-ward)</em></span>
</div>
<div class="icon" id="haktos-the-unscarred" name="Haktos the Unscarred">
<span><i class="ms ms-ability-haktos-the-unscarred"></i> Haktos the Unscarred <em>(ability-haktos-the-unscarred)</em></span>
</div>
<div class="icon" id="robber-of-the-rich" name="Robber of the Rich">
<span><i class="ms ms-ability-robber-of-the-rich"></i> Robber of the Rich <em>(ability-robber-of-the-rich)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Guild, Clan, Family, Poleis, and Party Watermarks</h4>
<div class="icons">
<div class="icon" id="azorius" name="Azorius">
<span><i class="ms ms-guild-azorius"></i> Azorius <em>(guild-azorius)</em></span>
</div>
<div class="icon" id="boros" name="Boros">
<span><i class="ms ms-guild-boros"></i> Boros <em>(guild-boros)</em></span>
</div>
<div class="icon" id="dimir" name="Dimir">
<span><i class="ms ms-guild-dimir"></i> Dimir <em>(guild-dimir)</em></span>
</div>
<div class="icon" id="golgari" name="Golgari">
<span><i class="ms ms-guild-golgari"></i> Golgari <em>(guild-golgari)</em></span>
</div>
<div class="icon" id="gruul" name="Gruul">
<span><i class="ms ms-guild-gruul"></i> Gruul <em>(guild-gruul)</em></span>
</div>
<div class="icon" id="izzet" name="Izzet">
<span><i class="ms ms-guild-izzet"></i> Izzet <em>(guild-izzet)</em></span>
</div>
<div class="icon" id="orzhov" name="Orzhov">
<span><i class="ms ms-guild-orzhov"></i> Orzhov <em>(guild-orzhov)</em></span>
</div>
<div class="icon" id="rakdos" name="Rakdos">
<span><i class="ms ms-guild-rakdos"></i> Rakdos <em>(guild-rakdos)</em></span>
</div>
<div class="icon" id="selesnya" name="Selesnya">
<span><i class="ms ms-guild-selesnya"></i> Selesnya <em>(guild-selesnya)</em></span>
</div>
<div class="icon" id="simic" name="Simic">
<span><i class="ms ms-guild-simic"></i> Simic <em>(guild-simic)</em></span>
</div>
<div class="icon" id="abzan" name="Abzan">
<span><i class="ms ms-clan-abzan"></i> Abzan <em>(clan-abzan)</em></span>
</div>
<div class="icon" id="jeskai" name="Jeskai">
<span><i class="ms ms-clan-jeskai"></i> Jeskai <em>(clan-jeskai)</em></span>
</div>
<div class="icon" id="mardu" name="Mardu">
<span><i class="ms ms-clan-mardu"></i> Mardu <em>(clan-mardu)</em></span>
</div>
<div class="icon" id="sultai" name="Sultai">
<span><i class="ms ms-clan-sultai"></i> Sultai <em>(clan-sultai)</em></span>
</div>
<div class="icon" id="temur" name="Temur">
<span><i class="ms ms-clan-temur"></i> Temur <em>(clan-temur)</em></span>
</div>
<div class="icon" id="atarka" name="Atarka">
<span><i class="ms ms-clan-atarka"></i> Atarka <em>(clan-atarka)</em></span>
</div>
<div class="icon" id="dromoka" name="Dromoka">
<span><i class="ms ms-clan-dromoka"></i> Dromoka <em>(clan-dromoka)</em></span>
</div>
<div class="icon" id="kolaghan" name="Kolaghan">
<span><i class="ms ms-clan-kolaghan"></i> Kolaghan <em>(clan-kolaghan)</em></span>
</div>
<div class="icon" id="ojutai" name="Ojutai">
<span><i class="ms ms-clan-ojutai"></i> Ojutai <em>(clan-ojutai)</em></span>
</div>
<div class="icon" id="silumgar" name="Silumgar">
<span><i class="ms ms-clan-silumgar"></i> Silumgar <em>(clan-silumgar)</em></span>
</div>
<div class="icon" id="brokers" name="Brokers">
<span><i class="ms ms-watermark-brokers"></i> Brokers <em>(watermark-brokers)</em></span>
</div>
<div class="icon" id="cabaretti" name="Cabaretti">
<span><i class="ms ms-watermark-cabaretti"></i> Cabaretti <em>(watermark-cabaretti)</em></span>
</div>
<div class="icon" id="maestros" name="Maestros">
<span><i class="ms ms-watermark-maestros"></i> Maestros <em>(watermark-maestros)</em></span>
</div>
<div class="icon" id="obscura" name="Obscura">
<span><i class="ms ms-watermark-obscura"></i> Obscura <em>(watermark-obscura)</em></span>
</div>
<div class="icon" id="riveteers" name="Riveteers">
<span><i class="ms ms-watermark-riveteers"></i> Riveteers <em>(watermark-riveteers)</em></span>
</div>
<div class="icon" id="setessa" name="Setessa">
<span><i class="ms ms-polis-setessa"></i> Setessa <em>(polis-setessa)</em></span>
</div>
<div class="icon" id="akros" name="Akros">
<span><i class="ms ms-polis-akros"></i> Akros <em>(polis-akros)</em></span>
</div>
<div class="icon" id="meletis" name="Meletis">
<span><i class="ms ms-polis-meletis"></i> Meletis <em>(polis-meletis)</em></span>
</div>
<div class="icon" id="cleric" name="Cleric">
<span><i class="ms ms-party-cleric"></i> Cleric <em>(party-cleric)</em></span>
</div>
<div class="icon" id="rogue" name="Rogue">
<span><i class="ms ms-party-rogue"></i> Rogue <em>(party-rogue)</em></span>
</div>
<div class="icon" id="warrior" name="Warrior">
<span><i class="ms ms-party-warrior"></i> Warrior <em>(party-warrior)</em></span>
</div>
<div class="icon" id="wizard" name="Wizard">
<span><i class="ms ms-party-wizard"></i> Wizard <em>(party-wizard)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Strixhaven School Symbols</h4>
<div class="icons">
<div class="icon" id="lorehold" name="Lorehold">
<span><i class="ms ms-school-lorehold"></i> Lorehold <em>(school-lorehold)</em></span>
</div>
<div class="icon" id="lorehold-duo" name="Lorehold">
<span><i class="ms ms-school-lorehold ms-duo ms-duo-color"></i> Lorehold (duo) <em>(school-lorehold-duo)</em></span>
</div>
<div class="icon" id="prismari" name="Prismari">
<span><i class="ms ms-school-prismari"></i> Prismari <em>(school-prismari)</em></span>
</div>
<div class="icon" id="prismari-duo" name="Prismari">
<span><i class="ms ms-school-prismari ms-duo ms-duo-color"></i> Prismari (duo) <em>(school-prismari-duo)</em></span>
</div>
<div class="icon" id="quandrix" name="Quandrix">
<span><i class="ms ms-school-quandrix"></i> Quandrix <em>(school-quandrix)</em></span>
</div>
<div class="icon" id="prismari-duo" name="Quandrix">
<span><i class="ms ms-school-quandrix ms-duo ms-duo-color"></i> Quandrix (duo) <em>(school-quandrix-duo)</em></span>
</div>
<div class="icon" id="silverquill" name="Silverquill">
<span><i class="ms ms-school-silverquill"></i> Silverquill <em>(school-silverquill)</em></span>
</div>
<div class="icon" id="silverquill-duo" name="Silverquill">
<span><i class="ms ms-school-silverquill ms-duo ms-duo-color"></i> Silverquill (duo) <em>(school-silverquill-duo)</em></span>
</div>
<div class="icon" id="witherbloom" name="Witherbloom">
<span><i class="ms ms-school-witherbloom"></i> Witherbloom <em>(school-witherbloom)</em></span>
</div>
<div class="icon" id="silverquill-duo" name="Witherbloom">
<span><i class="ms ms-school-witherbloom ms-duo ms-duo-color"></i> Witherbloom (duo) <em>(school-witherbloom-duo)</em></span>
</div>
</div>
<h4 style="padding-top:25px;">Other Card Watermarks</h4>
<div class="icons">
<div class="icon" id="watermark-mtg" name="Magic: the Gathering">
<span><i class="ms ms-watermark-mtg"></i> Magic: the Gathering <em>(watermark-mtg)</em></span>
</div>
<div class="icon" id="watermark-mtg10" name="10th Anniversary">
<span><i class="ms ms-watermark-mtg10"></i> 10th Anniversary <em>(watermark-mtg10)</em></span>
</div>
<div class="icon" id="watermark-mtg15" name="15th Anniversary">
<span><i class="ms ms-watermark-mtg15"></i> 15th Anniversary <em>(watermark-mtg15)</em></span>
</div>
<div class="icon" id="watermark-colorpie" name="Color Pie">
<span><i class="ms ms-watermark-colorpie"></i> Color Pie <em>(watermark-colorpie)</em></span>
</div>
<div class="icon" id="watermark-desparked" name="Desparked">
<span><i class="ms ms-watermark-desparked"></i> Desparked <em>(watermark-desparked)</em></span>
</div>
<div class="icon" id="watermark-flavor-aestheticconsultation" name="Aesthetic Consultation">
<span><i class="ms ms-watermark-flavor-aestheticconsultation"></i> Aesthetic Consultation <em>(watermark-flavor-aestheticconsultation)</em></span>
</div>
<div class="icon" id="watermark-flavor-farewelltoarms" name="Farewell to Arms">
<span><i class="ms ms-watermark-flavor-farewelltoarms"></i> Farewell to Arms <em>(watermark-flavor-farewelltoarms)</em></span>
</div>
<div class="icon" id="watermark-flavor-manascrew" name="Mana Screw">
<span><i class="ms ms-watermark-flavor-manascrew"></i> Mana Screw <em>(watermark-flavor-manascrew)</em></span>
</div>
<div class="icon" id="watermark-flavor-monkeymonkeymonkey" name="Monkey Monkey Monkey">
<span><i class="ms ms-watermark-flavor-monkeymonkeymonkey"></i> Monkey Monkey Monkey <em>(watermark-flavor-monkeymonkeymonkey)</em></span>
</div>
<div class="icon" id="watermark-flavor-moxlotus" name="Mox Lotus">
<span><i class="ms ms-watermark-flavor-moxlotus"></i> Mox Lotus <em>(watermark-flavor-moxlotus)</em></span>
</div>
<div class="icon" id="watermark-flavor-myfirsttome" name="My First Tome">
<span><i class="ms ms-watermark-flavor-myfirsttome"></i> My First Tome <em>(watermark-flavor-myfirsttome)</em></span>
</div>
<div class="icon" id="watermark-flavor-shoetree" name="Shoe Tree">
<span><i class="ms ms-watermark-flavor-shoetree"></i> Shoe Tree <em>(watermark-flavor-shoetree)</em></span>
</div>
<div class="icon" id="watermark-flavor-whenfluffybunniesattack" name="When Fluffy Bunnies Attack">
<span><i class="ms ms-watermark-flavor-whenfluffybunniesattack"></i> When Fluffy Bunnies Attack <em>(watermark-flavor-whenfluffybunniesattack)</em></span>
</div>
<div class="icon" id="watermark-herospath-1" name="Hero's Path 1">
<span><i class="ms ms-watermark-herospath-1"></i> Hero's Path 1 <em>(watermark-herospath-1)</em></span>
</div>
<div class="icon" id="watermark-herospath-2" name="Hero's Path 2">
<span><i class="ms ms-watermark-herospath-2"></i> Hero's Path 2 <em>(watermark-herospath-2)</em></span>
</div>
<div class="icon" id="watermark-herospath-3" name="Hero's Path 3">
<span><i class="ms ms-watermark-herospath-3"></i> Hero's Path 3 <em>(watermark-herospath-3)</em></span>
</div>
<div class="icon" id="watermark-herospath-4" name="Hero's Path 4">
<span><i class="ms ms-watermark-herospath-4"></i> Hero's Path 4 <em>(watermark-herospath-4)</em></span>
</div>
<div class="icon" id="watermark-herospath-5" name="Hero's Path 5">
<span><i class="ms ms-watermark-herospath-5"></i> Hero's Path 5 <em>(watermark-herospath-5)</em></span>
</div>
<div class="icon" id="watermark-herospath-6" name="Hero's Path 6">
<span><i class="ms ms-watermark-herospath-6"></i> Hero's Path 6 <em>(watermark-herospath-6)</em></span>
</div>
<div class="icon" id="watermark-herospath-7" name="Hero's Path 7">
<span><i class="ms ms-watermark-herospath-7"></i> Hero's Path 7 <em>(watermark-herospath-7)</em></span>
</div>
<div class="icon" id="watermark-herospath-8" name="Hero's Path 8">
<span><i class="ms ms-watermark-herospath-8"></i> Hero's Path 8 <em>(watermark-herospath-8)</em></span>
</div>
<div class="icon" id="watermark-herospath-9" name="Hero's Path 9">
<span><i class="ms ms-watermark-herospath-9"></i> Hero's Path 9 <em>(watermark-herospath-9)</em></span>
</div>
<div class="icon" id="watermark-herospath" name="Hero's Path">
<span><i class="ms ms-watermark-herospath"></i> Hero's Path <em>(watermark-herospath)</em></span>
</div>
<div class="icon" id="watermark-mirran" name="Mirran">
<span><i class="ms ms-watermark-mirran"></i> Mirran <em>(watermark-mirran)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-gems" name="Cutie Mark Gems">
<span><i class="ms ms-watermark-cutiemark-gems"></i> Cutie Mark Gems <em>(watermark-cutiemark-gems)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-sparkle" name="Cutie Mark Sparkle">
<span><i class="ms ms-watermark-cutiemark-sparkle"></i> Cutie Mark Sparkle <em>(watermark-cutiemark-sparkle)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-waningmoon" name="Cutie Mark Waning Moon">
<span><i class="ms ms-watermark-cutiemark-waningmoon"></i> Cutie Mark Waning Moon <em>(watermark-cutiemark-waningmoon)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-waxingmoon" name="Cutie Mark Waxing Moon">
<span><i class="ms ms-watermark-cutiemark-waxingmoon"></i> Cutie Mark Waxing Moon <em>(watermark-cutiemark-waxingmoon)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-apples" name="Cutie Mark Apples">
<span><i class="ms ms-watermark-cutiemark-apples"></i> Cutie Mark Apples <em>(watermark-cutiemark-apples)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-balloons" name="Cutie Mark Balloons">
<span><i class="ms ms-watermark-cutiemark-balloons"></i> Cutie Mark Balloons <em>(watermark-cutiemark-balloons)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-butterflies" name="Cutie Mark Butterflies">
<span><i class="ms ms-watermark-cutiemark-butterflies"></i> Cutie Mark Butterflies <em>(watermark-cutiemark-butterflies)</em></span>
</div>
<div class="icon" id="watermark-cutiemark-rainbow" name="Cutie Mark Rainbow">
<span><i class="ms ms-watermark-cutiemark-rainbow"></i> Cutie Mark Rainbow <em>(watermark-cutiemark-rainbow)</em></span>
</div>
<div class="icon" id="watermark-agentsofsneak" name="Agents of S.N.E.A.K.">
<span><i class="ms ms-watermark-agentsofsneak"></i> Agents of S.N.E.A.K. <em>(watermark-agentsofsneak)</em></span>
</div>
<div class="icon" id="watermark-crossbreedlabs" name="Crossbreed Labs">
<span><i class="ms ms-watermark-crossbreedlabs"></i> Crossbreed Labs <em>(watermark-crossbreedlabs)</em></span>
</div>
<div class="icon" id="watermark-goblinexplosioneers" name="Goblin Explosioneers">
<span><i class="ms ms-watermark-goblinexplosioneers"></i> Goblin Explosioneers <em>(watermark-goblinexplosioneers)</em></span>
</div>
<div class="icon" id="watermark-leagueofdastardlydoom" name="League of Dastardly Doom">
<span><i class="ms ms-watermark-leagueofdastardlydoom"></i> League of Dastardly Doom <em>(watermark-leagueofdastardlydoom)</em></span>
</div>
<div class="icon" id="watermark-orderofthewidget" name="Order of the Widget">
<span><i class="ms ms-watermark-orderofthewidget"></i> Order of the Widget <em>(watermark-orderofthewidget)</em></span>
</div>
<div class="icon" id="watermark-conspiracy" name="Conspiracy">
<span><i class="ms ms-watermark-conspiracy"></i> Conspiracy <em>(watermark-conspiracy)</em></span>
</div>
<div class="icon" id="watermark-judgeacademy" name="Judge Academy">
<span><i class="ms ms-watermark-judgeacademy"></i> Judge Academy <em>(watermark-judgeacademy)</em></span>
</div>
<div class="icon" id="watermark-dengekimaoh" name="Dengeki Maoh">
<span><i class="ms ms-watermark-dengekimaoh"></i> Dengeki Maoh <em>(watermark-dengekimaoh)</em></span>
</div>
<div class="icon" id="watermark-corocoro" name="Coro Coro">
<span><i class="ms ms-watermark-corocoro"></i> Coro Coro <em>(watermark-corocoro)</em></span>
</div>
<div class="icon" id="watermark-trumpkatsumai" name="Trump Katsumai">
<span><i class="ms ms-watermark-trumpkatsumai"></i> Trump Katsumai <em>(watermark-trumpkatsumai)</em></span>
</div>
<div class="icon" id="watermark-fnm" name="Friday Night Magic">
<span><i class="ms ms-watermark-fnm"></i> Friday Night Magic <em>(watermark-fnm)</em></span>
</div>
<div class="icon" id="watermark-dnd" name="Dungeons &amp; Dragons">
<span><i class="ms ms-watermark-dnd"></i> Dungeons &amp; Dragons <em>(watermark-dnd)</em></span>
</div>
<div class="icon" id="watermark-transformers" name="Transformers">
<span><i class="ms ms-watermark-transformers"></i> Transformers <em>(watermark-transformers)</em></span>
</div>
<div class="icon" id="watermark-nerf" name="Nerf">
<span><i class="ms ms-watermark-nerf"></i> Nerf <em>(watermark-nerf)</em></span>
</div>
<div class="icon" id="watermark-mps" name="MPS">
<span><i class="ms ms-watermark-mps"></i> MPS <em>(watermark-mps)</em></span>
</div>
<div class="icon" id="watermark-wotc" name="WotC">
<span><i class="ms ms-watermark-wotc"></i> Wizards of the Coast <em>(watermark-wotc)</em></span>
</div>
<div class="icon" id="watermark-wpn" name="Wizards Play Network">
<span><i class="ms ms-watermark-wpn"></i> Wizards Play Network <em>(watermark-wpn)</em></span>
</div>
<div class="icon" id="watermark-dci" name="DCI">
<span><i class="ms ms-watermark-dci"></i> DCI <em>(watermark-dci)</em></span>
</div>
<div class="icon" id="watermark-arena" name="Arena League">
<span><i class="ms ms-watermark-arena"></i> Arena League <em>(watermark-arena)</em></span>
</div>
<div class="icon" id="watermark-grandprix" name="Grand Prix">
<span><i class="ms ms-watermark-grandprix"></i> Grand Prix <em>(watermark-grandprix)</em></span>
</div>
<div class="icon" id="watermark-grandprix2" name="Grand Prix 2">
<span><i class="ms ms-watermark-grandprix2"></i> Grand Prix 2 <em>(watermark-grandprix2)</em></span>
</div>
<div class="icon" id="watermark-juniorapac" name="APAC Junior Series">
<span><i class="ms ms-watermark-juniorapac"></i> APAC Junior Series <em>(watermark-juniorapac)</em></span>
</div>
<div class="icon" id="watermark-junioreurope" name="Europe Junior Series">
<span><i class="ms ms-watermark-junioreurope"></i> Europe Junior Series <em>(watermark-junioreurope)</em></span>
</div>
<div class="icon" id="watermark-junior" name="Junior Super Series">
<span><i class="ms ms-watermark-junior"></i> Junior Super Series <em>(watermark-junior)</em></span>
</div>
<div class="icon" id="watermark-japanjunior" name="Japan Junior Tournament">
<span><i class="ms ms-watermark-japanjunior"></i> Japan Junior Tournament <em>(watermark-japanjunior)</em></span>
</div>
<div class="icon" id="watermark-scholarship" name="Scholarship Series">
<span><i class="ms ms-watermark-scholarship"></i> Scholarship Series <em>(watermark-scholarship)</em></span>
</div>
<div class="icon" id="watermark-protour" name="Pro Tour">
<span><i class="ms ms-watermark-protour"></i> Pro Tour <em>(watermark-protour)</em></span>
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
</div>
<div class="float-right" style="text-align: right;">
<p>
All mana images and card symbols &copy; <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
</p>
</div>
<div class="clear"></div>
</div>
</footer>
</body>
</html>