mirror of
				https://github.com/andrewgioia/mana.git
				synced 2025-11-04 00:50:45 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			184 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			184 lines
		
	
	
		
			8.4 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="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 & 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>
 | 
						|
                      
 | 
						|
                    <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 ♥ 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 © <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>
 |