mirror of
https://github.com/andrewgioia/mana.git
synced 2024-10-31 23:44:47 +00:00
279 lines
22 KiB
HTML
279 lines
22 KiB
HTML
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
|
<title>Icon Cheatsheet | Mana</title>
|
|
<link rel="stylesheet" href="css/mana.min.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="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="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 & 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">The complete Mana copy-able reference</h2>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="wrapper">
|
|
<section>
|
|
<h3>
|
|
To use Mana on the desktop, install mana.otf, set it
|
|
as the font in your application, then copy and paste the
|
|
icons (not the unicode) directly from this page into
|
|
your designs. The UTF8 representation is provided as
|
|
a reference as well.
|
|
</h3>
|
|
</section>
|
|
<section class="content">
|
|
<h4>Icons, CSS Class, and Unicode</h4>
|
|
<div class="vectors">
|
|
<span class="utf"><i></i> ms-w <code>&#xe600;</code></span>
|
|
<span class="utf"><i></i> ms-u <code>&#xe601;</code></span>
|
|
<span class="utf"><i></i> ms-b <code>&#xe602;</code></span>
|
|
<span class="utf"><i></i> ms-r <code>&#xe603;</code></span>
|
|
<span class="utf"><i></i> ms-g <code>&#xe604;</code></span>
|
|
<span class="utf"><i></i> ms-c <code>&#xe904;</code></span>
|
|
<span class="utf"><i></i> ms-0 <code>&#xe605;</code></span>
|
|
<span class="utf"><i></i> ms-1 <code>&#xe606;</code></span>
|
|
<span class="utf"><i></i> ms-2 <code>&#xe607;</code></span>
|
|
<span class="utf"><i></i> ms-3 <code>&#xe608;</code></span>
|
|
<span class="utf"><i></i> ms-4 <code>&#xe609;</code></span>
|
|
<span class="utf"><i></i> ms-5 <code>&#xe60a;</code></span>
|
|
<span class="utf"><i></i> ms-6 <code>&#xe60b;</code></span>
|
|
<span class="utf"><i></i> ms-7 <code>&#xe60c;</code></span>
|
|
<span class="utf"><i></i> ms-8 <code>&#xe60d;</code></span>
|
|
<span class="utf"><i></i> ms-9 <code>&#xe60e;</code></span>
|
|
<span class="utf"><i></i> ms-10 <code>&#xe60f;</code></span>
|
|
<span class="utf"><i></i> ms-11 <code>&#xe610;</code></span>
|
|
<span class="utf"><i></i> ms-12 <code>&#xe611;</code></span>
|
|
<span class="utf"><i></i> ms-13 <code>&#xe612;</code></span>
|
|
<span class="utf"><i></i> ms-14 <code>&#xe613;</code></span>
|
|
<span class="utf"><i></i> ms-15 <code>&#xe614;</code></span>
|
|
<span class="utf"><i></i> ms-16 <code>&#xe62a;</code></span>
|
|
<span class="utf"><i></i> ms-17 <code>&#xe62b;</code></span>
|
|
<span class="utf"><i></i> ms-18 <code>&#xe62c;</code></span>
|
|
<span class="utf"><i></i> ms-19 <code>&#xe62d;</code></span>
|
|
<span class="utf"><i></i> ms-20 <code>&#xe62e;</code></span>
|
|
<span class="utf"><i></i> ms-x <code>&#xe615;</code></span>
|
|
<span class="utf"><i></i> ms-y <code>&#xe616;</code></span>
|
|
<span class="utf"><i></i> ms-z <code>&#xe617;</code></span>
|
|
<span class="utf"><i></i> ms-p <code>&#xe618;</code></span>
|
|
<span class="utf"><i></i> ms-s <code>&#xe619;</code></span>
|
|
<span class="utf"><i></i> ms-e <code>&#xe907;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors">
|
|
<span class="utf"><i></i> ms-1-2 <code>&#xe902;</code></span>
|
|
<span class="utf"><i></i> ms-acorn <code>&#xe929;</code></span>
|
|
<span class="utf"><i></i> ms-artist-brush <code>&#xe923;</code></span>
|
|
<span class="utf"><i></i> ms-artist-nib <code>&#xe924;</code></span>
|
|
<span class="utf"><i></i> ms-chaos <code>&#xe61d;</code></span>
|
|
<span class="utf"><i></i> ms-infinity <code>&#xe903;</code></span>
|
|
<span class="utf"><i></i> ms-loyalty-up <code>&#xe627;</code></span>
|
|
<span class="utf"><i></i> ms-loyalty-down <code>&#xe625;</code></span>
|
|
<span class="utf"><i></i> ms-loyalty-zero <code>&#xe626;</code></span>
|
|
<span class="utf"><i></i> ms-loyalty-start <code>&#xe628;</code></span>
|
|
<span class="utf"><i></i> ms-multicolor <code>&#xe985;</code></span>
|
|
<span class="utf"><i></i> ms-power <code>&#xe921;</code></span>
|
|
<span class="utf"><i></i> ms-saga <code>&#xe92a;</code></span>
|
|
<span class="utf"><i></i> ms-tap <code>&#xe61a;</code></span>
|
|
<span class="utf"><i></i> ms-tap-alt <code>&#xe61c;</code></span>
|
|
<span class="utf"><i></i> ms-toughness <code>&#xe922;</code></span>
|
|
<span class="utf"><i></i> ms-untap <code>&#xe61b;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors">
|
|
<span class="utf"><i style="width:auto;"></i> ms-100 <code>&#xe900;</code></span>
|
|
<span class="utf long"><i class="long"></i> ms-1000000 <code>&#xe901;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors overflow">
|
|
<span class="utf"><i></i> ms-artifact <code>&#xe61e;</code></span>
|
|
<span class="utf"><i></i> ms-conspiracy <code>&#xe972;</code></span>
|
|
<span class="utf"><i></i> ms-creature <code>&#xe61f;</code></span>
|
|
<span class="utf"><i></i> ms-enchantment <code>&#xe620;</code></span>
|
|
<span class="utf"><i></i> ms-flashback <code>&#xe629;</code></span>
|
|
<span class="utf"><i></i> ms-instant <code>&#xe621;</code></span>
|
|
<span class="utf"><i></i> ms-land <code>&#xe622;</code></span>
|
|
<span class="utf"><i></i> ms-multiple <code>&#xe925;</code></span>
|
|
<span class="utf"><i></i> ms-phenomenon <code>&#xe96e;</code></span>
|
|
<span class="utf"><i></i> ms-plane <code>&#xe96f;</code></span>
|
|
<span class="utf"><i></i> ms-planeswalker <code>&#xe623;</code></span>
|
|
<span class="utf"><i></i> ms-rarity <code>&#xe96c;</code></span>
|
|
<span class="utf"><i></i> ms-scheme <code>&#xe970;</code></span>
|
|
<span class="utf"><i></i> ms-sorcery <code>&#xe624;</code></span>
|
|
<span class="utf"><i></i> ms-token <code>&#xe96d;</code></span>
|
|
<span class="utf"><i></i> ms-tribal <code>&#xe925;</code></span>
|
|
<span class="utf"><i></i> ms-vanguard <code>&#xe971;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors overflow">
|
|
<span class="utf"><i></i> ms-dfc-night <code>&#xe905;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-day <code>&#xe906;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-spark <code>&#xe909;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-ignite <code>&#xe908;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-moon <code>&#xe90b;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-emrakul <code>&#xe90a;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-enchantment <code>&#xe920;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-modal-face <code>&#xe983;</code></span>
|
|
<span class="utf"><i></i> ms-dfc-modal-back <code>&#xe984;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors overflow">
|
|
<span class="utf"><i></i> ms-guild-azorius <code>&#xe90c;</code></span>
|
|
<span class="utf"><i></i> ms-guild-boros <code>&#xe90d;</code></span>
|
|
<span class="utf"><i></i> ms-guild-dimir <code>&#xe90e;</code></span>
|
|
<span class="utf"><i></i> ms-guild-golgari <code>&#xe90f;</code></span>
|
|
<span class="utf"><i></i> ms-guild-gruul <code>&#xe910;</code></span>
|
|
<span class="utf"><i></i> ms-guild-izzet <code>&#xe911;</code></span>
|
|
<span class="utf"><i></i> ms-guild-orzhov <code>&#xe912;</code></span>
|
|
<span class="utf"><i></i> ms-guild-rakdos <code>&#xe913;</code></span>
|
|
<span class="utf"><i></i> ms-guild-selesnya <code>&#xe914;</code></span>
|
|
<span class="utf"><i></i> ms-guild-simic <code>&#xe915;</code></span>
|
|
<span class="utf"><i></i> ms-clan-abzan <code>&#xe916;</code></span>
|
|
<span class="utf"><i></i> ms-clan-jeskai <code>&#xe917;</code></span>
|
|
<span class="utf"><i></i> ms-clan-mardu <code>&#xe918;</code></span>
|
|
<span class="utf"><i></i> ms-clan-sultai <code>&#xe919;</code></span>
|
|
<span class="utf"><i></i> ms-clan-temur <code>&#xe91a;</code></span>
|
|
<span class="utf"><i></i> ms-clan-atarka <code>&#xe91b;</code></span>
|
|
<span class="utf"><i></i> ms-clan-dromoka <code>&#xe91c;</code></span>
|
|
<span class="utf"><i></i> ms-clan-okutai <code>&#xe91d;</code></span>
|
|
<span class="utf"><i></i> ms-clan-kolaghan <code>&#xe91e;</code></span>
|
|
<span class="utf"><i></i> ms-clan-silumgar <code>&#xe91f;</code></span>
|
|
<span class="utf"><i></i> ms-polis-setessa <code>&#xe926;</code></span>
|
|
<span class="utf"><i></i> ms-polis-akros <code>&#xe927;</code></span>
|
|
<span class="utf"><i></i> ms-polis-meletis <code>&#xe928;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors overflow">
|
|
<span class="utf"><i></i> ms-ability-activated <code>&#xe947;</code></span>
|
|
<span class="utf"><i></i> ms-ability-adamant <code>&#xe974;</code></span>
|
|
<span class="utf"><i></i> ms-ability-adapt <code>&#xe975;</code></span>
|
|
<span class="utf"><i></i> ms-ability-addendum <code>&#xe976;</code></span>
|
|
<span class="utf"><i></i> ms-ability-adventure <code>&#xe948;</code></span>
|
|
<span class="utf"><i></i> ms-ability-afflict <code>&#xe977;</code></span>
|
|
<span class="utf"><i></i> ms-ability-afterlife <code>&#xe978;</code></span>
|
|
<span class="utf"><i></i> ms-ability-aftermath <code>&#xe979;</code></span>
|
|
<span class="utf"><i></i> ms-ability-amass <code>&#xe97a;</code></span>
|
|
<span class="utf"><i></i> ms-ability-ascend <code>&#xe94a;</code></span>
|
|
<span class="utf"><i></i> ms-ability-companion <code>&#xe97b;</code></span>
|
|
<span class="utf"><i></i> ms-ability-constellation <code>&#xe97c;</code></span>
|
|
<span class="utf"><i></i> ms-ability-convoke <code>&#xe949;</code></span>
|
|
<span class="utf"><i></i> ms-ability-deathtouch <code>&#xe94b;</code></span>
|
|
<span class="utf"><i></i> ms-ability-defender <code>&#xe94c;</code></span>
|
|
<span class="utf"><i></i> ms-ability-devotion <code>&#xe97d;</code></span>
|
|
<span class="utf"><i></i> ms-ability-double-strike <code>&#xe94d;</code></span>
|
|
<span class="utf"><i></i> ms-ability-embalm <code>&#xe97e;</code></span>
|
|
<span class="utf"><i></i> ms-ability-enrage <code>&#xe94e;</code></span>
|
|
<span class="utf"><i></i> ms-ability-escape <code>&#xe969;</code></span>
|
|
<span class="utf"><i></i> ms-ability-eternalize <code>&#xe97f;</code></span>
|
|
<span class="utf"><i></i> ms-ability-explore <code>&#xe94f;</code></span>
|
|
<span class="utf"><i></i> ms-ability-first-strike <code>&#xe950;</code></span>
|
|
<span class="utf"><i></i> ms-ability-flash <code>&#xe951;</code></span>
|
|
<span class="utf"><i></i> ms-ability-flying <code>&#xe952;</code></span>
|
|
<span class="utf"><i></i> ms-ability-haste <code>&#xe953;</code></span>
|
|
<span class="utf"><i></i> ms-ability-hexproof <code>&#xe954;</code></span>
|
|
<span class="utf"><i></i> ms-ability-hexproof-black <code>&#xe955;</code></span>
|
|
<span class="utf"><i></i> ms-ability-hexproof-blue <code>&#xe956;</code></span>
|
|
<span class="utf"><i></i> ms-ability-hexproof-green <code>&#xe957;</code></span>
|
|
<span class="utf"><i></i> ms-ability-hexproof-red <code>&#xe958;</code></span>
|
|
<span class="utf"><i></i> ms-ability-hexproof-white <code>&#xe959;</code></span>
|
|
<span class="utf"><i></i> ms-ability-indestructible <code>&#xe95a;</code></span>
|
|
<span class="utf"><i></i> ms-ability-jumpstart <code>&#xe95b;</code></span>
|
|
<span class="utf"><i></i> ms-ability-lifelink <code>&#xe95c;</code></span>
|
|
<span class="utf"><i></i> ms-ability-menace <code>&#xe95d;</code></span>
|
|
<span class="utf"><i></i> ms-ability-mentor <code>&#xe95e;</code></span>
|
|
<span class="utf"><i></i> ms-ability-mutate <code>&#xe980;</code></span>
|
|
<span class="utf"><i></i> ms-ability-proliferate <code>&#xe981;</code></span>
|
|
<span class="utf"><i></i> ms-ability-prowess <code>&#xe982;</code></span>
|
|
<span class="utf"><i></i> ms-ability-raid <code>&#xe95f;</code></span>
|
|
<span class="utf"><i></i> ms-ability-reach <code>&#xe960;</code></span>
|
|
<span class="utf"><i></i> ms-ability-revolt <code>&#xe961;</code></span>
|
|
<span class="utf"><i></i> ms-ability-riot <code>&#xe973;</code></span>
|
|
<span class="utf"><i></i> ms-ability-spectacle <code>&#xe96b;</code></span>
|
|
<span class="utf"><i></i> ms-ability-static <code>&#xe962;</code></span>
|
|
<span class="utf"><i></i> ms-ability-summoning-sickness <code>&#xe96a;</code></span>
|
|
<span class="utf"><i></i> ms-ability-surveil <code>&#xe963;</code></span>
|
|
<span class="utf"><i></i> ms-ability-trample <code>&#xe964;</code></span>
|
|
<span class="utf"><i></i> ms-ability-transform <code>&#xe965;</code></span>
|
|
<span class="utf"><i></i> ms-ability-triggered <code>&#xe966;</code></span>
|
|
<span class="utf"><i></i> ms-ability-undergrowth <code>&#xe967;</code></span>
|
|
<span class="utf"><i></i> ms-ability-vigilance <code>&#xe968;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="vectors overflow">
|
|
<span class="utf"><i></i> ms-counter-arrow <code>&#xe92b;</code></span>
|
|
<span class="utf"><i></i> ms-counter-brick <code>&#xe92c;</code></span>
|
|
<span class="utf"><i></i> ms-counter-charge <code>&#xe92d;</code></span>
|
|
<span class="utf"><i></i> ms-counter-devotion <code>&#xe92e;</code></span>
|
|
<span class="utf"><i></i> ms-counter-doom <code>&#xe92f;</code></span>
|
|
<span class="utf"><i></i> ms-counter-echo <code>&#xe930;</code></span>
|
|
<span class="utf"><i></i> ms-counter-flame <code>&#xe931;</code></span>
|
|
<span class="utf"><i></i> ms-counter-flood <code>&#xe932;</code></span>
|
|
<span class="utf"><i></i> ms-counter-fungus <code>&#xe933;</code></span>
|
|
<span class="utf"><i></i> ms-counter-gold <code>&#xe934;</code></span>
|
|
<span class="utf"><i></i> ms-counter-ki <code>&#xe935;</code></span>
|
|
<span class="utf"><i></i> ms-counter-lore <code>&#xe936;</code></span>
|
|
<span class="utf"><i></i> ms-counter-loyalty <code>&#xe937;</code></span>
|
|
<span class="utf"><i></i> ms-counter-mining <code>&#xe938;</code></span>
|
|
<span class="utf"><i></i> ms-counter-minus <code>&#xe939;</code></span>
|
|
<span class="utf"><i></i> ms-counter-minus-uneven <code>&#xe943;</code></span>
|
|
<span class="utf"><i></i> ms-counter-muster <code>&#xe93a;</code></span>
|
|
<span class="utf"><i></i> ms-counter-paw <code>&#xe93b;</code></span>
|
|
<span class="utf"><i></i> ms-counter-pin <code>&#xe93c;</code></span>
|
|
<span class="utf"><i></i> ms-counter-plus <code>&#xe93d;</code></span>
|
|
<span class="utf"><i></i> ms-counter-plus-uneven <code>&#xe944;</code></span>
|
|
<span class="utf"><i></i> ms-counter-scream <code>&#xe93e;</code></span>
|
|
<span class="utf"><i></i> ms-counter-skeleton <code>&#xe93f;</code></span>
|
|
<span class="utf"><i></i> ms-counter-skull <code>&#xe940;</code></span>
|
|
<span class="utf"><i></i> ms-counter-slime <code>&#xe941;</code></span>
|
|
<span class="utf"><i></i> ms-counter-time <code>&#xe942;</code></span>
|
|
<span class="utf"><i></i> ms-counter-verse <code>&#xe945;</code></span>
|
|
<span class="utf"><i></i> ms-counter-vortex <code>&#xe946;</code></span>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="wrapper">
|
|
<div class="float-left">
|
|
<p>Made with ♥ 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 © <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> |