<h3><strong>Mana is a complete set of scalable vector icons for Magic mana (and other card) symbols.</strong> Drop them into your application, website, or custom cards (like this <iclass="ms ms-cost ms-g"></i>) and control their size, color, drop shadow, or any dimension just as you would with text!</h3>
<p>Each mana/card symbol has its own font character. Display them in a manner similar to <ahref="https://fontawesome.io">Font Awesome</a> using the <code><i class="ms ..."></i></code> element. There are class names for each mana color (w, u, b, r, g, c) and for the various symbols that appear on cards (like tap). See the <ahref="icons.html">full list</a> of available symbols.</p>
<p><strong>New!</strong> You can also now use Mana via CDN thanks to the amazing <ahref="https://jsdelivr.com">jsDelivr</a> project! You can include the latest version in your project (and note the name is "mana-font"):</p>
<p>Insert set symbol icons by using the <code>.ms</code> class and then the mana/symbol code class(es), such as <code>.ms-u</code> for blue mana: <iclass="ms ms-u"></i></p>
<p>Feel free to edit the source files and compile Mana to fit your needs. All SVG glyphs are compiled into font files using the wonderful <ahref="https://icomoon.io">IcoMoon</a> app. For styling, both LESS and Sass are included.</p>
<li>All mana and card symbol images are copyright Wizards of the Coast (<ahref="https://magicthegathering.com">http://magicthegathering.com</a>)</li>
<li>The Mana font is licensed under the the SIL OFL 1.1 (<ahref="https://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</li>
<li>Mana CSS, LESS, and Sass files are licensed under the MIT License (<ahref="https://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</li>
