mana/icons.html

184 lines
8.4 KiB
HTML
Raw Normal View History

2016-06-21 02:08:52 +00:00
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Mana Icons | Mana</title>
<link rel="stylesheet" href="bower_components/mana/css/mana.css" />
<link rel="stylesheet" href="css/main.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="item">Home</a>
<a href="icons.html" class="item">Mana Icons</a>
<a href="attributes.html" class="item">Attributes</a>
<a href="http://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 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 Symbols</h4>
<h5>Raw Symbols</h5>
<p>
<i class="ms ms-w"></i>
<i class="ms ms-u"></i>
<i class="ms ms-b"></i>
<i class="ms ms-r"></i>
<i class="ms ms-g"></i>
<i class="ms ms-c"></i>
</p>
<h5>Mana Costs</h5>
<p>
<i class="ms ms-w ms-cost"></i>
<i class="ms ms-u ms-cost"></i>
<i class="ms ms-b ms-cost"></i>
<i class="ms ms-r ms-cost"></i>
<i class="ms ms-g ms-cost"></i>
<i class="ms ms-c ms-cost"></i>
<i class="ms ms-0 ms-cost"></i>
<i class="ms ms-1 ms-cost"></i>
<i class="ms ms-2 ms-cost"></i>
<i class="ms ms-3 ms-cost"></i>
<i class="ms ms-4 ms-cost"></i>
<i class="ms ms-5 ms-cost"></i>
<i class="ms ms-6 ms-cost"></i>
<i class="ms ms-7 ms-cost"></i>
<i class="ms ms-8 ms-cost"></i>
<i class="ms ms-9 ms-cost"></i>
<i class="ms ms-10 ms-cost"></i>
<i class="ms ms-11 ms-cost"></i>
<i class="ms ms-12 ms-cost"></i>
<i class="ms ms-13 ms-cost"></i>
<i class="ms ms-14 ms-cost"></i>
<i class="ms ms-15 ms-cost"></i>
<i class="ms ms-16 ms-cost"></i>
<i class="ms ms-17 ms-cost"></i>
<i class="ms ms-18 ms-cost"></i>
<i class="ms ms-19 ms-cost"></i>
<i class="ms ms-20 ms-cost"></i>
<i class="ms ms-x ms-cost"></i>
<i class="ms ms-y ms-cost"></i>
<i class="ms ms-z ms-cost"></i>
</p>
<h5>Phyrexian, snow, and split symbols</h5>
<p>
<i class="ms ms-wp ms-cost"></i>
<i class="ms ms-up ms-cost"></i>
<i class="ms ms-bp ms-cost"></i>
<i class="ms ms-rp ms-cost"></i>
<i class="ms ms-gp ms-cost"></i>
<i class="ms ms-s ms-cost"></i>
<i class="ms ms-c ms-cost"></i>
<br />
<i class="ms ms-wu ms-split ms-cost"></i>
<i class="ms ms-wb ms-split ms-cost"></i>
<i class="ms ms-ub ms-split ms-cost"></i>
<i class="ms ms-ur ms-split ms-cost"></i>
<i class="ms ms-br ms-split ms-cost"></i>
<i class="ms ms-bg ms-split ms-cost"></i>
<i class="ms ms-rw ms-split ms-cost"></i>
<i class="ms ms-rg ms-split ms-cost"></i>
<i class="ms ms-gw ms-split ms-cost"></i>
<i class="ms ms-gu ms-split ms-cost"></i>
<i class="ms ms-2w ms-split ms-cost"></i>
<i class="ms ms-2u ms-split ms-cost"></i>
<i class="ms ms-2b ms-split ms-cost"></i>
<i class="ms ms-2r ms-split ms-cost"></i>
<i class="ms ms-2g ms-split ms-cost"></i>
</p>
<h5><a href="http://gatherer.wizards.com/Pages/Card/Details.aspx?multiverseid=74257">Half mana symbols</a></h5>
<p>
<span class="ms-half"><i class="ms ms-w ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-u ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-b ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-r ms-cost"></i></span>
<span class="ms-half"><i class="ms ms-g ms-cost"></i></span>
</p>
<h5>Un-set mana symbols</h5>
<p>
<i class="ms ms-1-2 ms-cost"></i>
<i class="ms ms-infinity ms-cost"></i>
<i class="ms ms-100 ms-cost"></i>
<i class="ms ms-100000 ms-cost"></i>
</p>
<h4 style="padding-top:25px;">Card Symbols</h4>
<h5>Tap and roll symbols</h5>
<p>
<i class="ms ms-tap ms-cost"></i>
<i class="ms ms-untap ms-cost"></i>
<i class="ms ms-tap-alt ms-cost"></i>
<i class="ms ms-chaos"></i>
</p>
<h5>Future Sight type symbols</h5>
<p>
<i class="ms ms-artifact ms-2x"></i>
<i class="ms ms-creature ms-2x"></i>
<i class="ms ms-enchantment ms-2x"></i>
<i class="ms ms-instant ms-2x"></i>
<i class="ms ms-land ms-2x"></i>
<i class="ms ms-planeswalker ms-2x"></i>
<i class="ms ms-sorcery ms-2x"></i>
&nbsp;&nbsp;
<i class="ms ms-flashback ms-2x"></i>
</p>
<h5>Planeswalker symbols</h5>
<p>
<i class="ms ms-loyalty-up ms-loyalty-3 ms-2x"></i>
<i class="ms ms-loyalty-down ms-loyalty-x ms-2x"></i>
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-2x"></i>
<i class="ms ms-loyalty-start ms-loyalty-4 ms-3x"></i>
</p>
<h5>Double-faced card symbols</h5>
<p>
<i class="ms ms-dfc ms-dfc-day"></i>
<i class="ms ms-dfc ms-dfc-night"></i>
</p>
</section>
</div>
</main>
<footer>
<div class="wrapper">
<div class="float-left">
<p>Made with &hearts; by <a href="http://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>