Skip to content
Browse files

suit icons created using icomoon

  • Loading branch information...
1 parent 5e9c46f commit 85dc45f2a9bcd314fa452e70d3ac729eb4d2637a @donpark committed Oct 10, 2012
View
1 assets/iconmoon-suit.json
1 addition, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
BIN assets/iconmoon-suit/fonts/suit.eot
Binary file not shown.
View
28 assets/iconmoon-suit/fonts/suit.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+1
+</metadata>
+<defs>
+<font id="suit" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x2660;" d="M 408.785,305.925C 312.002,377.854, 278.652,435.434, 256.002,479.999l0.00,0.00C 256.00,479.999, 256.00,480.00, 256.00,480.00l0.00-0.001
+ c-22.648-44.565-56.00-102.146-152.783-174.074c-165.018-122.643-9.688-293.834, 126.879-199.612
+ c-8.898-58.465-39.265-101.086-70.104-119.441L 159.992-32.00 l 96.008,0.00 l 96.008,0.00 l0.00,18.87 c-30.841,18.354-61.205,60.977-70.106,119.442
+ C 418.47,12.089, 573.802,183.282, 408.785,305.925z" />
+<glyph unicode="&#x2663;" d="M 393.416,283.614c-29.516,0.00-56.043-12.298-74.926-32.347c-7.998-8.492-21.881-18.556-36.90-27.405
+ c 7.055,26.934, 29.338,60.85, 44.814,75.728c 19.82,19.085, 31.992,45.915, 31.992,75.75C 358.399,432.787, 312.658,479.388, 256.002,480.00
+ c-56.66-0.611-102.398-47.213-102.398-104.659c0.00-29.836, 12.172-56.665, 31.993-75.75c 15.477-14.878, 37.76-48.794, 44.814-75.728
+ c-15.021,8.85-28.903,18.913-36.90,27.405c-18.884,20.049-45.41,32.347-74.925,32.347c-57.193,0.00-103.54-46.832-103.54-104.664
+ c0.00-57.819, 46.346-104.669, 103.54-104.669c 29.521,0.00, 56.041,12.678, 74.925,32.726c 8.402,8.936, 23.222,20.069, 39.146,29.316
+ c-1.501-73.846-36.766-128.084-72.659-149.453L 159.998-32.00 l 96.005,0.00 l 96.002,0.00 l0.00,18.87 c-35.896,21.368-71.16,75.608-72.66,149.453
+ c 15.926-9.247, 30.744-20.384, 39.146-29.316c 18.883-20.047, 45.404-32.726, 74.926-32.726c 57.193,0.00, 103.539,46.85, 103.539,104.669
+ C 496.955,236.782, 450.61,283.614, 393.416,283.614z" />
+<glyph unicode="&#x2666;" d="M 256.00,480.00L 96.00,224.00L 256.00-32.00L 416.00,224.00 z" />
+<glyph unicode="&#x2665;" d="M 377.594,448.00c-53.815,0.00-100.129-43.777-121.582-89.50C 234.543,404.222, 188.223,448.00, 134.404,448.00C 60.213,448.00,0.00,387.78,0.00,313.584
+ c0.00-150.923, 152.25-190.497, 256.011-339.709C 354.088,122.163, 512.00,167.478, 512.00,313.584C 512.00,387.78, 451.785,448.00, 377.594,448.00z" />
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>
View
BIN assets/iconmoon-suit/fonts/suit.ttf
Binary file not shown.
View
BIN assets/iconmoon-suit/fonts/suit.woff
Binary file not shown.
View
140 assets/iconmoon-suit/index.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html>
+<head>
+<title>Your Font/Glyphs</title>
+<link rel="stylesheet" href="style.css" />
+<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
+<style>
+ section, header, footer {display: block;}
+ body {
+ font-family: sans-serif;
+ color: #444;
+ line-height: 1.5;
+ font-size: 1em;
+ }
+ * {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ paddin: 0;
+ }
+ .glyph {
+ float: left;
+ text-align: center;
+ background: #eee;
+ padding: .75em;
+ margin: .75em 1.5em .75em 0;
+ width: 7em;
+ border-radius: .375em;
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #ccc;
+ }
+ .glyph input {
+ width: 100%;
+ text-align: center;
+ font-family: consolas, monospace;
+ }
+ .glyph input, .mtm {
+ margin-top: .75em;
+ }
+ .w-main {
+ width: 80%;
+ }
+ .centered {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ .fs1 {
+ font-size: 2em;
+ }
+ header {
+ margin: 2em 0;
+ padding-bottom: .5em;
+ color: #666;
+ box-shadow: 0 2px #eee;
+ }
+ header h1 {
+ font-size: 2em;
+ font-weight: normal;
+ }
+ .clearfix:before, .clearfix:after { content: ""; display: table; }
+ .clearfix:after, .clear { clear: both; }
+ footer {
+ margin-top: 2em;
+ padding: .5em 0;
+ box-shadow: 0 -2px #eee;
+ }
+ a, a:visited {
+ color: #B35047;
+ text-decoration: none;
+ }
+ a:hover, a:focus {color: #000;}
+ .box1 {
+ display: inline-block;
+ width: 15em;
+ padding: .25em .5em;
+ background: #eee;
+ margin: .5em 1em .5em 0;
+ }
+</style>
+</head>
+<body>
+ <div class="w-main centered">
+ <section class="mtm clearfix" id="glyphs">
+ <header>
+ <h1>Your font contains the following glyphs</h1>
+ <p>The generated SVG font can be imported back to <a href="http://icomoon.io/app">IcoMoon</a> for modification.</p>
+ </header>
+ <div class="glyph">
+ <div class="fs1" aria-hidden="true" data-icon="&#x2660;"></div>
+ <input type="text" readonly="readonly" value="&amp;#x2660;" />
+ </div>
+ <div class="glyph">
+ <div class="fs1" aria-hidden="true" data-icon="&#x2663;"></div>
+ <input type="text" readonly="readonly" value="&amp;#x2663;" />
+ </div>
+ <div class="glyph">
+ <div class="fs1" aria-hidden="true" data-icon="&#x2666;"></div>
+ <input type="text" readonly="readonly" value="&amp;#x2666;" />
+ </div>
+ <div class="glyph">
+ <div class="fs1" aria-hidden="true" data-icon="&#x2665;"></div>
+ <input type="text" readonly="readonly" value="&amp;#x2665;" />
+ </div>
+ </section>
+ <div class="clear"></div>
+ <section class="mtm clearfix" id="glyphs">
+ <header>
+ <h1>CSS Class Names</h1>
+ </header>
+ <span class="box1">
+ <span aria-hidden="true" class="icon-suit-spades"></span>
+ &nbsp;icon-suit-spades
+ </span>
+ <span class="box1">
+ <span aria-hidden="true" class="icon-suit-clubs"></span>
+ &nbsp;icon-suit-clubs
+ </span>
+ <span class="box1">
+ <span aria-hidden="true" class="icon-suit-diamonds"></span>
+ &nbsp;icon-suit-diamonds
+ </span>
+ <span class="box1">
+ <span aria-hidden="true" class="icon-suit-heart"></span>
+ &nbsp;icon-suit-heart
+ </span>
+ </section>
+ <footer>
+ <p>Generated by <a href="http://icomoon.io">IcoMoon.io</a></p>
+ </footer>
+ </div>
+ <script>
+ document.getElementById("glyphs").addEventListener("click", function(e) {
+ var target = e.target;
+ if (target.tagName === "INPUT") {
+ target.select();
+ }
+ });
+ </script>
+</body>
+</html>
View
2 assets/iconmoon-suit/license.txt
@@ -0,0 +1,2 @@
+Icon Set: IcoMoon (limited) -- http://keyamoon.com/icomoon/
+License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
View
28 assets/iconmoon-suit/lte-ie7.js
@@ -0,0 +1,28 @@
+/* Use this script if you need to support IE 7 and IE 6. */
+
+window.onload = function() {
+ function addIcon(el, entity) {
+ var html = el.innerHTML;
+ el.innerHTML = '<span style="font-family: \'suit\'">' + entity + '</span>' + html;
+ }
+ var icons = {
+ 'icon-suit-spades' : '&#x2660;',
+ 'icon-suit-clubs' : '&#x2663;',
+ 'icon-suit-diamonds' : '&#x2666;',
+ 'icon-suit-heart' : '&#x2665;'
+ },
+ els = document.getElementsByTagName('*'),
+ i, attr, html, c, el;
+ for (i = 0; i < els.length; i += 1) {
+ el = els[i];
+ attr = el.getAttribute('data-icon');
+ if (attr) {
+ addIcon(el, attr);
+ }
+ c = el.className;
+ c = c.match(/icon-suit-[^\s'"]+/);
+ if (c) {
+ addIcon(el, icons[c[0]]);
+ }
+ }
+};
View
40 assets/iconmoon-suit/style.css
@@ -0,0 +1,40 @@
+@font-face {
+ font-family: 'suit';
+ src:url('fonts/suit.eot');
+ src:url('fonts/suit.eot?#iefix') format('embedded-opentype'),
+ url('fonts/suit.svg#suit') format('svg'),
+ url('fonts/suit.woff') format('woff'),
+ url('fonts/suit.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+ font-family: 'suit';
+ content: attr(data-icon);
+ speak: none;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+[class^="icon-suit-"]:before, [class*=" icon-suit-"]:before {
+ font-family: 'suit';
+ font-style: normal;
+ speak: none;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+}
+.icon-suit-spades:before {
+ content: "\2660";
+}
+.icon-suit-clubs:before {
+ content: "\2663";
+}
+.icon-suit-diamonds:before {
+ content: "\2666";
+}
+.icon-suit-heart:before {
+ content: "\2665";
+}

0 comments on commit 85dc45f

Please sign in to comment.
Something went wrong with that request. Please try again.