You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2027 lines
204 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>icons-sketchy glyphs preview</title>
  5. <link rel="stylesheet" href="sketchy.icons.css" />
  6. <style>
  7. * {
  8. -moz-box-sizing: border-box;
  9. -webkit-box-sizing: border-box;
  10. box-sizing: border-box;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. @font-face {
  15. font-family: 'Neutraface';
  16. src:
  17. url('../../fonts/neutraface-book.eot');
  18. src:
  19. url('../../fonts/neutraface-book.eot?#iefix') format('embeddedopentype'),
  20. url('../../fonts/neutraface-book.woff') format('woff')
  21. ;
  22. font-style: normal;
  23. font-weight: normal;
  24. font-stretch: normal;
  25. }
  26. @font-face {
  27. font-family: 'Neutraface';
  28. src:
  29. url('../../fonts/neutraface-bold.eot');
  30. src:
  31. url('../../fonts/neutraface-bold.eot?#iefix') format('embeddedopentype'),
  32. url('../../fonts/neutraface-bold.woff') format('woff')
  33. ;
  34. font-style: normal;
  35. font-weight: bold;
  36. font-stretch: normal;
  37. }
  38. @font-face {
  39. font-family: 'Neutraface';
  40. src:
  41. url('../../fonts/neutraface-italic.eot');
  42. src:
  43. url('../../fonts/neutraface-italic.eot?#iefix') format('embeddedopentype'),
  44. url('../../fonts/neutraface-italic.woff') format("woff")
  45. ;
  46. font-style: italic;
  47. font-weight: normal;
  48. font-stretch: normal;
  49. }
  50. @font-face {
  51. font-family: 'Sketchy Icons';
  52. src: url("icons-sketchy.eot");
  53. src:
  54. url("icons-sketchy.eot?#iefix") format('embedded-opentype'),
  55. url("icons-sketchy.woff") format('woff'),
  56. url("icons-sketchy.ttf") format('truetype'),
  57. url("icons-sketchy.svg#icons") format('svg')
  58. ;
  59. font-style: normal;
  60. font-weight: normal;
  61. font-variant: normal;
  62. text-decoration: inherit;
  63. text-transform: none;
  64. }
  65. body {
  66. background: #fff;
  67. font-family: "Neutraface", "Helvetica Neue", "Arial";
  68. font-size: 16px;
  69. background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABPAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY5OUYyOUNFQTZBQjExRTI5MTE1QTk3RUREMDk1OTVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY5OUYyOUNGQTZBQjExRTI5MTE1QTk3RUREMDk1OTVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjk5RjI5Q0NBNkFCMTFFMjkxMTVBOTdFREQwOTU5NUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk5RjI5Q0RBNkFCMTFFMjkxMTVBOTdFREQwOTU5NUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0Or
  70. color: #444;
  71. }
  72. a,
  73. a:visited {
  74. color: #888;
  75. text-decoration: underline;
  76. }
  77. a:hover,
  78. a:focus { color: #000; }
  79. h1 {
  80. border-bottom: 2px solid #ddd;
  81. color: #888;
  82. font-size: 36px;
  83. font-weight: 300;
  84. margin-bottom: 20px;
  85. padding: 20px 0;
  86. }
  87. .container {
  88. margin: 0 auto;
  89. min-width: 880px;
  90. padding: 0 40px;
  91. width: 80%;
  92. }
  93. .glyph {
  94. border-bottom: 1px dotted #ccc;
  95. padding: 10px 0 20px;
  96. margin-bottom: 20px;
  97. }
  98. .preview-glyphs { vertical-align: bottom; }
  99. .preview-scale {
  100. color: #888;
  101. font-size: 12px;
  102. margin-top: 5px;
  103. }
  104. .step {
  105. display: inline-block;
  106. line-height: 1;
  107. width: 10% !important;
  108. margin: 10px 0em 0em !important;
  109. text-align: center;
  110. }
  111. .size-12 { font-size: 12px; }
  112. .size-14 { font-size: 14px; }
  113. .size-16 { font-size: 16px; }
  114. .size-18 { font-size: 18px; }
  115. .size-21 { font-size: 21px; }
  116. .size-24 { font-size: 24px; }
  117. .size-36 { font-size: 36px; }
  118. .size-48 { font-size: 48px; }
  119. .size-60 { font-size: 60px; }
  120. .size-72 { font-size: 72px; }
  121. .usage { margin-top: 10px; }
  122. .usage input {
  123. font-family: monospace;
  124. margin-right: 3px;
  125. padding: 2px 5px;
  126. text-align: center;
  127. }
  128. .usage .point { width: 150px; }
  129. .usage .class { width: 250px; }
  130. .footer {
  131. color: #888;
  132. font-size: 12px;
  133. padding: 20px 0;
  134. }
  135. </style>
  136. <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  137. </head>
  138. <body>
  139. <div class="container">
  140. <h1>icons-sketchy contains 132 glyphs:</h1>
  141. <div class="glyph">
  142. <div class="preview-glyphs">
  143. <i class="step sketchy icon add size-12"></i><i class="step sketchy icon add size-14"></i><i class="step sketchy icon add size-16"></i><i class="step sketchy icon add size-18"></i><i class="step sketchy icon add size-21"></i><i class="step sketchy icon add size-24"></i><i class="step sketchy icon add size-36"></i><i class="step sketchy icon add size-48"></i><i class="step sketchy icon add size-60"></i><i class="step sketchy icon add size-72"></i>
  144. </div>
  145. <div class="preview-scale">
  146. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  147. </div>
  148. <div class="usage">
  149. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon add" />
  150. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
  151. </div>
  152. </div>
  153. <div class="glyph">
  154. <div class="preview-glyphs">
  155. <i class="step sketchy icon alert size-12"></i><i class="step sketchy icon alert size-14"></i><i class="step sketchy icon alert size-16"></i><i class="step sketchy icon alert size-18"></i><i class="step sketchy icon alert size-21"></i><i class="step sketchy icon alert size-24"></i><i class="step sketchy icon alert size-36"></i><i class="step sketchy icon alert size-48"></i><i class="step sketchy icon alert size-60"></i><i class="step sketchy icon alert size-72"></i>
  156. </div>
  157. <div class="preview-scale">
  158. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  159. </div>
  160. <div class="usage">
  161. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon alert" />
  162. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf179;" />
  163. </div>
  164. </div>
  165. <div class="glyph">
  166. <div class="preview-glyphs">
  167. <i class="step sketchy icon all size-12"></i><i class="step sketchy icon all size-14"></i><i class="step sketchy icon all size-16"></i><i class="step sketchy icon all size-18"></i><i class="step sketchy icon all size-21"></i><i class="step sketchy icon all size-24"></i><i class="step sketchy icon all size-36"></i><i class="step sketchy icon all size-48"></i><i class="step sketchy icon all size-60"></i><i class="step sketchy icon all size-72"></i>
  168. </div>
  169. <div class="preview-scale">
  170. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  171. </div>
  172. <div class="usage">
  173. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon all" />
  174. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
  175. </div>
  176. </div>
  177. <div class="glyph">
  178. <div class="preview-glyphs">
  179. <i class="step sketchy icon arrow eight size-12"></i><i class="step sketchy icon arrow eight size-14"></i><i class="step sketchy icon arrow eight size-16"></i><i class="step sketchy icon arrow eight size-18"></i><i class="step sketchy icon arrow eight size-21"></i><i class="step sketchy icon arrow eight size-24"></i><i class="step sketchy icon arrow eight size-36"></i><i class="step sketchy icon arrow eight size-48"></i><i class="step sketchy icon arrow eight size-60"></i><i class="step sketchy icon arrow eight size-72"></i>
  180. </div>
  181. <div class="preview-scale">
  182. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  183. </div>
  184. <div class="usage">
  185. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow eight" />
  186. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
  187. </div>
  188. </div>
  189. <div class="glyph">
  190. <div class="preview-glyphs">
  191. <i class="step sketchy icon arrow eighteen size-12"></i><i class="step sketchy icon arrow eighteen size-14"></i><i class="step sketchy icon arrow eighteen size-16"></i><i class="step sketchy icon arrow eighteen size-18"></i><i class="step sketchy icon arrow eighteen size-21"></i><i class="step sketchy icon arrow eighteen size-24"></i><i class="step sketchy icon arrow eighteen size-36"></i><i class="step sketchy icon arrow eighteen size-48"></i><i class="step sketchy icon arrow eighteen size-60"></i><i class="step sketchy icon arrow eighteen size-72"></i>
  192. </div>
  193. <div class="preview-scale">
  194. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  195. </div>
  196. <div class="usage">
  197. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow eighteen" />
  198. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
  199. </div>
  200. </div>
  201. <div class="glyph">
  202. <div class="preview-glyphs">
  203. <i class="step sketchy icon arrow eleven size-12"></i><i class="step sketchy icon arrow eleven size-14"></i><i class="step sketchy icon arrow eleven size-16"></i><i class="step sketchy icon arrow eleven size-18"></i><i class="step sketchy icon arrow eleven size-21"></i><i class="step sketchy icon arrow eleven size-24"></i><i class="step sketchy icon arrow eleven size-36"></i><i class="step sketchy icon arrow eleven size-48"></i><i class="step sketchy icon arrow eleven size-60"></i><i class="step sketchy icon arrow eleven size-72"></i>
  204. </div>
  205. <div class="preview-scale">
  206. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  207. </div>
  208. <div class="usage">
  209. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow eleven" />
  210. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
  211. </div>
  212. </div>
  213. <div class="glyph">
  214. <div class="preview-glyphs">
  215. <i class="step sketchy icon arrow fifteen size-12"></i><i class="step sketchy icon arrow fifteen size-14"></i><i class="step sketchy icon arrow fifteen size-16"></i><i class="step sketchy icon arrow fifteen size-18"></i><i class="step sketchy icon arrow fifteen size-21"></i><i class="step sketchy icon arrow fifteen size-24"></i><i class="step sketchy icon arrow fifteen size-36"></i><i class="step sketchy icon arrow fifteen size-48"></i><i class="step sketchy icon arrow fifteen size-60"></i><i class="step sketchy icon arrow fifteen size-72"></i>
  216. </div>
  217. <div class="preview-scale">
  218. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  219. </div>
  220. <div class="usage">
  221. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow fifteen" />
  222. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
  223. </div>
  224. </div>
  225. <div class="glyph">
  226. <div class="preview-glyphs">
  227. <i class="step sketchy icon arrow five size-12"></i><i class="step sketchy icon arrow five size-14"></i><i class="step sketchy icon arrow five size-16"></i><i class="step sketchy icon arrow five size-18"></i><i class="step sketchy icon arrow five size-21"></i><i class="step sketchy icon arrow five size-24"></i><i class="step sketchy icon arrow five size-36"></i><i class="step sketchy icon arrow five size-48"></i><i class="step sketchy icon arrow five size-60"></i><i class="step sketchy icon arrow five size-72"></i>
  228. </div>
  229. <div class="preview-scale">
  230. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  231. </div>
  232. <div class="usage">
  233. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow five" />
  234. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
  235. </div>
  236. </div>
  237. <div class="glyph">
  238. <div class="preview-glyphs">
  239. <i class="step sketchy icon arrow four size-12"></i><i class="step sketchy icon arrow four size-14"></i><i class="step sketchy icon arrow four size-16"></i><i class="step sketchy icon arrow four size-18"></i><i class="step sketchy icon arrow four size-21"></i><i class="step sketchy icon arrow four size-24"></i><i class="step sketchy icon arrow four size-36"></i><i class="step sketchy icon arrow four size-48"></i><i class="step sketchy icon arrow four size-60"></i><i class="step sketchy icon arrow four size-72"></i>
  240. </div>
  241. <div class="preview-scale">
  242. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  243. </div>
  244. <div class="usage">
  245. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow four" />
  246. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
  247. </div>
  248. </div>
  249. <div class="glyph">
  250. <div class="preview-glyphs">
  251. <i class="step sketchy icon arrow fourteen size-12"></i><i class="step sketchy icon arrow fourteen size-14"></i><i class="step sketchy icon arrow fourteen size-16"></i><i class="step sketchy icon arrow fourteen size-18"></i><i class="step sketchy icon arrow fourteen size-21"></i><i class="step sketchy icon arrow fourteen size-24"></i><i class="step sketchy icon arrow fourteen size-36"></i><i class="step sketchy icon arrow fourteen size-48"></i><i class="step sketchy icon arrow fourteen size-60"></i><i class="step sketchy icon arrow fourteen size-72"></i>
  252. </div>
  253. <div class="preview-scale">
  254. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  255. </div>
  256. <div class="usage">
  257. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow fourteen" />
  258. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
  259. </div>
  260. </div>
  261. <div class="glyph">
  262. <div class="preview-glyphs">
  263. <i class="step sketchy icon arrow left size-12"></i><i class="step sketchy icon arrow left size-14"></i><i class="step sketchy icon arrow left size-16"></i><i class="step sketchy icon arrow left size-18"></i><i class="step sketchy icon arrow left size-21"></i><i class="step sketchy icon arrow left size-24"></i><i class="step sketchy icon arrow left size-36"></i><i class="step sketchy icon arrow left size-48"></i><i class="step sketchy icon arrow left size-60"></i><i class="step sketchy icon arrow left size-72"></i>
  264. </div>
  265. <div class="preview-scale">
  266. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  267. </div>
  268. <div class="usage">
  269. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow left" />
  270. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
  271. </div>
  272. </div>
  273. <div class="glyph">
  274. <div class="preview-glyphs">
  275. <i class="step sketchy icon arrow nine size-12"></i><i class="step sketchy icon arrow nine size-14"></i><i class="step sketchy icon arrow nine size-16"></i><i class="step sketchy icon arrow nine size-18"></i><i class="step sketchy icon arrow nine size-21"></i><i class="step sketchy icon arrow nine size-24"></i><i class="step sketchy icon arrow nine size-36"></i><i class="step sketchy icon arrow nine size-48"></i><i class="step sketchy icon arrow nine size-60"></i><i class="step sketchy icon arrow nine size-72"></i>
  276. </div>
  277. <div class="preview-scale">
  278. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  279. </div>
  280. <div class="usage">
  281. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow nine" />
  282. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
  283. </div>
  284. </div>
  285. <div class="glyph">
  286. <div class="preview-glyphs">
  287. <i class="step sketchy icon arrow one size-12"></i><i class="step sketchy icon arrow one size-14"></i><i class="step sketchy icon arrow one size-16"></i><i class="step sketchy icon arrow one size-18"></i><i class="step sketchy icon arrow one size-21"></i><i class="step sketchy icon arrow one size-24"></i><i class="step sketchy icon arrow one size-36"></i><i class="step sketchy icon arrow one size-48"></i><i class="step sketchy icon arrow one size-60"></i><i class="step sketchy icon arrow one size-72"></i>
  288. </div>
  289. <div class="preview-scale">
  290. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  291. </div>
  292. <div class="usage">
  293. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow one" />
  294. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
  295. </div>
  296. </div>
  297. <div class="glyph">
  298. <div class="preview-glyphs">
  299. <i class="step sketchy icon arrow right size-12"></i><i class="step sketchy icon arrow right size-14"></i><i class="step sketchy icon arrow right size-16"></i><i class="step sketchy icon arrow right size-18"></i><i class="step sketchy icon arrow right size-21"></i><i class="step sketchy icon arrow right size-24"></i><i class="step sketchy icon arrow right size-36"></i><i class="step sketchy icon arrow right size-48"></i><i class="step sketchy icon arrow right size-60"></i><i class="step sketchy icon arrow right size-72"></i>
  300. </div>
  301. <div class="preview-scale">
  302. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  303. </div>
  304. <div class="usage">
  305. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow right" />
  306. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
  307. </div>
  308. </div>
  309. <div class="glyph">
  310. <div class="preview-glyphs">
  311. <i class="step sketchy icon arrow seven size-12"></i><i class="step sketchy icon arrow seven size-14"></i><i class="step sketchy icon arrow seven size-16"></i><i class="step sketchy icon arrow seven size-18"></i><i class="step sketchy icon arrow seven size-21"></i><i class="step sketchy icon arrow seven size-24"></i><i class="step sketchy icon arrow seven size-36"></i><i class="step sketchy icon arrow seven size-48"></i><i class="step sketchy icon arrow seven size-60"></i><i class="step sketchy icon arrow seven size-72"></i>
  312. </div>
  313. <div class="preview-scale">
  314. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  315. </div>
  316. <div class="usage">
  317. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow seven" />
  318. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
  319. </div>
  320. </div>
  321. <div class="glyph">
  322. <div class="preview-glyphs">
  323. <i class="step sketchy icon arrow six size-12"></i><i class="step sketchy icon arrow six size-14"></i><i class="step sketchy icon arrow six size-16"></i><i class="step sketchy icon arrow six size-18"></i><i class="step sketchy icon arrow six size-21"></i><i class="step sketchy icon arrow six size-24"></i><i class="step sketchy icon arrow six size-36"></i><i class="step sketchy icon arrow six size-48"></i><i class="step sketchy icon arrow six size-60"></i><i class="step sketchy icon arrow six size-72"></i>
  324. </div>
  325. <div class="preview-scale">
  326. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  327. </div>
  328. <div class="usage">
  329. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow six" />
  330. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
  331. </div>
  332. </div>
  333. <div class="glyph">
  334. <div class="preview-glyphs">
  335. <i class="step sketchy icon arrow sixteen size-12"></i><i class="step sketchy icon arrow sixteen size-14"></i><i class="step sketchy icon arrow sixteen size-16"></i><i class="step sketchy icon arrow sixteen size-18"></i><i class="step sketchy icon arrow sixteen size-21"></i><i class="step sketchy icon arrow sixteen size-24"></i><i class="step sketchy icon arrow sixteen size-36"></i><i class="step sketchy icon arrow sixteen size-48"></i><i class="step sketchy icon arrow sixteen size-60"></i><i class="step sketchy icon arrow sixteen size-72"></i>
  336. </div>
  337. <div class="preview-scale">
  338. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  339. </div>
  340. <div class="usage">
  341. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow sixteen" />
  342. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
  343. </div>
  344. </div>
  345. <div class="glyph">
  346. <div class="preview-glyphs">
  347. <i class="step sketchy icon arrow ten size-12"></i><i class="step sketchy icon arrow ten size-14"></i><i class="step sketchy icon arrow ten size-16"></i><i class="step sketchy icon arrow ten size-18"></i><i class="step sketchy icon arrow ten size-21"></i><i class="step sketchy icon arrow ten size-24"></i><i class="step sketchy icon arrow ten size-36"></i><i class="step sketchy icon arrow ten size-48"></i><i class="step sketchy icon arrow ten size-60"></i><i class="step sketchy icon arrow ten size-72"></i>
  348. </div>
  349. <div class="preview-scale">
  350. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  351. </div>
  352. <div class="usage">
  353. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow ten" />
  354. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
  355. </div>
  356. </div>
  357. <div class="glyph">
  358. <div class="preview-glyphs">
  359. <i class="step sketchy icon arrow thirteen size-12"></i><i class="step sketchy icon arrow thirteen size-14"></i><i class="step sketchy icon arrow thirteen size-16"></i><i class="step sketchy icon arrow thirteen size-18"></i><i class="step sketchy icon arrow thirteen size-21"></i><i class="step sketchy icon arrow thirteen size-24"></i><i class="step sketchy icon arrow thirteen size-36"></i><i class="step sketchy icon arrow thirteen size-48"></i><i class="step sketchy icon arrow thirteen size-60"></i><i class="step sketchy icon arrow thirteen size-72"></i>
  360. </div>
  361. <div class="preview-scale">
  362. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  363. </div>
  364. <div class="usage">
  365. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow thirteen" />
  366. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
  367. </div>
  368. </div>
  369. <div class="glyph">
  370. <div class="preview-glyphs">
  371. <i class="step sketchy icon arrow three size-12"></i><i class="step sketchy icon arrow three size-14"></i><i class="step sketchy icon arrow three size-16"></i><i class="step sketchy icon arrow three size-18"></i><i class="step sketchy icon arrow three size-21"></i><i class="step sketchy icon arrow three size-24"></i><i class="step sketchy icon arrow three size-36"></i><i class="step sketchy icon arrow three size-48"></i><i class="step sketchy icon arrow three size-60"></i><i class="step sketchy icon arrow three size-72"></i>
  372. </div>
  373. <div class="preview-scale">
  374. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  375. </div>
  376. <div class="usage">
  377. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow three" />
  378. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
  379. </div>
  380. </div>
  381. <div class="glyph">
  382. <div class="preview-glyphs">
  383. <i class="step sketchy icon arrow twelve size-12"></i><i class="step sketchy icon arrow twelve size-14"></i><i class="step sketchy icon arrow twelve size-16"></i><i class="step sketchy icon arrow twelve size-18"></i><i class="step sketchy icon arrow twelve size-21"></i><i class="step sketchy icon arrow twelve size-24"></i><i class="step sketchy icon arrow twelve size-36"></i><i class="step sketchy icon arrow twelve size-48"></i><i class="step sketchy icon arrow twelve size-60"></i><i class="step sketchy icon arrow twelve size-72"></i>
  384. </div>
  385. <div class="preview-scale">
  386. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  387. </div>
  388. <div class="usage">
  389. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow twelve" />
  390. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf177;" />
  391. </div>
  392. </div>
  393. <div class="glyph">
  394. <div class="preview-glyphs">
  395. <i class="step sketchy icon arrow two size-12"></i><i class="step sketchy icon arrow two size-14"></i><i class="step sketchy icon arrow two size-16"></i><i class="step sketchy icon arrow two size-18"></i><i class="step sketchy icon arrow two size-21"></i><i class="step sketchy icon arrow two size-24"></i><i class="step sketchy icon arrow two size-36"></i><i class="step sketchy icon arrow two size-48"></i><i class="step sketchy icon arrow two size-60"></i><i class="step sketchy icon arrow two size-72"></i>
  396. </div>
  397. <div class="preview-scale">
  398. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  399. </div>
  400. <div class="usage">
  401. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon arrow two" />
  402. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
  403. </div>
  404. </div>
  405. <div class="glyph">
  406. <div class="preview-glyphs">
  407. <i class="step sketchy icon browser size-12"></i><i class="step sketchy icon browser size-14"></i><i class="step sketchy icon browser size-16"></i><i class="step sketchy icon browser size-18"></i><i class="step sketchy icon browser size-21"></i><i class="step sketchy icon browser size-24"></i><i class="step sketchy icon browser size-36"></i><i class="step sketchy icon browser size-48"></i><i class="step sketchy icon browser size-60"></i><i class="step sketchy icon browser size-72"></i>
  408. </div>
  409. <div class="preview-scale">
  410. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  411. </div>
  412. <div class="usage">
  413. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon browser" />
  414. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
  415. </div>
  416. </div>
  417. <div class="glyph">
  418. <div class="preview-glyphs">
  419. <i class="step sketchy icon bullet one size-12"></i><i class="step sketchy icon bullet one size-14"></i><i class="step sketchy icon bullet one size-16"></i><i class="step sketchy icon bullet one size-18"></i><i class="step sketchy icon bullet one size-21"></i><i class="step sketchy icon bullet one size-24"></i><i class="step sketchy icon bullet one size-36"></i><i class="step sketchy icon bullet one size-48"></i><i class="step sketchy icon bullet one size-60"></i><i class="step sketchy icon bullet one size-72"></i>
  420. </div>
  421. <div class="preview-scale">
  422. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  423. </div>
  424. <div class="usage">
  425. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon bullet one" />
  426. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
  427. </div>
  428. </div>
  429. <div class="glyph">
  430. <div class="preview-glyphs">
  431. <i class="step sketchy icon bullet three size-12"></i><i class="step sketchy icon bullet three size-14"></i><i class="step sketchy icon bullet three size-16"></i><i class="step sketchy icon bullet three size-18"></i><i class="step sketchy icon bullet three size-21"></i><i class="step sketchy icon bullet three size-24"></i><i class="step sketchy icon bullet three size-36"></i><i class="step sketchy icon bullet three size-48"></i><i class="step sketchy icon bullet three size-60"></i><i class="step sketchy icon bullet three size-72"></i>
  432. </div>
  433. <div class="preview-scale">
  434. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  435. </div>
  436. <div class="usage">
  437. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon bullet three" />
  438. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
  439. </div>
  440. </div>
  441. <div class="glyph">
  442. <div class="preview-glyphs">
  443. <i class="step sketchy icon bullet two size-12"></i><i class="step sketchy icon bullet two size-14"></i><i class="step sketchy icon bullet two size-16"></i><i class="step sketchy icon bullet two size-18"></i><i class="step sketchy icon bullet two size-21"></i><i class="step sketchy icon bullet two size-24"></i><i class="step sketchy icon bullet two size-36"></i><i class="step sketchy icon bullet two size-48"></i><i class="step sketchy icon bullet two size-60"></i><i class="step sketchy icon bullet two size-72"></i>
  444. </div>
  445. <div class="preview-scale">
  446. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  447. </div>
  448. <div class="usage">
  449. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon bullet two" />
  450. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
  451. </div>
  452. </div>
  453. <div class="glyph">
  454. <div class="preview-glyphs">
  455. <i class="step sketchy icon calendar size-12"></i><i class="step sketchy icon calendar size-14"></i><i class="step sketchy icon calendar size-16"></i><i class="step sketchy icon calendar size-18"></i><i class="step sketchy icon calendar size-21"></i><i class="step sketchy icon calendar size-24"></i><i class="step sketchy icon calendar size-36"></i><i class="step sketchy icon calendar size-48"></i><i class="step sketchy icon calendar size-60"></i><i class="step sketchy icon calendar size-72"></i>
  456. </div>
  457. <div class="preview-scale">
  458. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  459. </div>
  460. <div class="usage">
  461. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon calendar" />
  462. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
  463. </div>
  464. </div>
  465. <div class="glyph">
  466. <div class="preview-glyphs">
  467. <i class="step sketchy icon camera size-12"></i><i class="step sketchy icon camera size-14"></i><i class="step sketchy icon camera size-16"></i><i class="step sketchy icon camera size-18"></i><i class="step sketchy icon camera size-21"></i><i class="step sketchy icon camera size-24"></i><i class="step sketchy icon camera size-36"></i><i class="step sketchy icon camera size-48"></i><i class="step sketchy icon camera size-60"></i><i class="step sketchy icon camera size-72"></i>
  468. </div>
  469. <div class="preview-scale">
  470. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  471. </div>
  472. <div class="usage">
  473. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon camera" />
  474. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
  475. </div>
  476. </div>
  477. <div class="glyph">
  478. <div class="preview-glyphs">
  479. <i class="step sketchy icon caret down size-12"></i><i class="step sketchy icon caret down size-14"></i><i class="step sketchy icon caret down size-16"></i><i class="step sketchy icon caret down size-18"></i><i class="step sketchy icon caret down size-21"></i><i class="step sketchy icon caret down size-24"></i><i class="step sketchy icon caret down size-36"></i><i class="step sketchy icon caret down size-48"></i><i class="step sketchy icon caret down size-60"></i><i class="step sketchy icon caret down size-72"></i>
  480. </div>
  481. <div class="preview-scale">
  482. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  483. </div>
  484. <div class="usage">
  485. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon caret down" />
  486. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf181;" />
  487. </div>
  488. </div>
  489. <div class="glyph">
  490. <div class="preview-glyphs">
  491. <i class="step sketchy icon caret left size-12"></i><i class="step sketchy icon caret left size-14"></i><i class="step sketchy icon caret left size-16"></i><i class="step sketchy icon caret left size-18"></i><i class="step sketchy icon caret left size-21"></i><i class="step sketchy icon caret left size-24"></i><i class="step sketchy icon caret left size-36"></i><i class="step sketchy icon caret left size-48"></i><i class="step sketchy icon caret left size-60"></i><i class="step sketchy icon caret left size-72"></i>
  492. </div>
  493. <div class="preview-scale">
  494. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  495. </div>
  496. <div class="usage">
  497. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon caret left" />
  498. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
  499. </div>
  500. </div>
  501. <div class="glyph">
  502. <div class="preview-glyphs">
  503. <i class="step sketchy icon caret right size-12"></i><i class="step sketchy icon caret right size-14"></i><i class="step sketchy icon caret right size-16"></i><i class="step sketchy icon caret right size-18"></i><i class="step sketchy icon caret right size-21"></i><i class="step sketchy icon caret right size-24"></i><i class="step sketchy icon caret right size-36"></i><i class="step sketchy icon caret right size-48"></i><i class="step sketchy icon caret right size-60"></i><i class="step sketchy icon caret right size-72"></i>
  504. </div>
  505. <div class="preview-scale">
  506. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  507. </div>
  508. <div class="usage">
  509. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon caret right" />
  510. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
  511. </div>
  512. </div>
  513. <div class="glyph">
  514. <div class="preview-glyphs">
  515. <i class="step sketchy icon caret up size-12"></i><i class="step sketchy icon caret up size-14"></i><i class="step sketchy icon caret up size-16"></i><i class="step sketchy icon caret up size-18"></i><i class="step sketchy icon caret up size-21"></i><i class="step sketchy icon caret up size-24"></i><i class="step sketchy icon caret up size-36"></i><i class="step sketchy icon caret up size-48"></i><i class="step sketchy icon caret up size-60"></i><i class="step sketchy icon caret up size-72"></i>
  516. </div>
  517. <div class="preview-scale">
  518. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  519. </div>
  520. <div class="usage">
  521. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon caret up" />
  522. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
  523. </div>
  524. </div>
  525. <div class="glyph">
  526. <div class="preview-glyphs">
  527. <i class="step sketchy icon categories size-12"></i><i class="step sketchy icon categories size-14"></i><i class="step sketchy icon categories size-16"></i><i class="step sketchy icon categories size-18"></i><i class="step sketchy icon categories size-21"></i><i class="step sketchy icon categories size-24"></i><i class="step sketchy icon categories size-36"></i><i class="step sketchy icon categories size-48"></i><i class="step sketchy icon categories size-60"></i><i class="step sketchy icon categories size-72"></i>
  528. </div>
  529. <div class="preview-scale">
  530. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  531. </div>
  532. <div class="usage">
  533. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon categories" />
  534. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
  535. </div>
  536. </div>
  537. <div class="glyph">
  538. <div class="preview-glyphs">
  539. <i class="step sketchy icon category apple size-12"></i><i class="step sketchy icon category apple size-14"></i><i class="step sketchy icon category apple size-16"></i><i class="step sketchy icon category apple size-18"></i><i class="step sketchy icon category apple size-21"></i><i class="step sketchy icon category apple size-24"></i><i class="step sketchy icon category apple size-36"></i><i class="step sketchy icon category apple size-48"></i><i class="step sketchy icon category apple size-60"></i><i class="step sketchy icon category apple size-72"></i>
  540. </div>
  541. <div class="preview-scale">
  542. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  543. </div>
  544. <div class="usage">
  545. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category apple" />
  546. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
  547. </div>
  548. </div>
  549. <div class="glyph">
  550. <div class="preview-glyphs">
  551. <i class="step sketchy icon category electronics size-12"></i><i class="step sketchy icon category electronics size-14"></i><i class="step sketchy icon category electronics size-16"></i><i class="step sketchy icon category electronics size-18"></i><i class="step sketchy icon category electronics size-21"></i><i class="step sketchy icon category electronics size-24"></i><i class="step sketchy icon category electronics size-36"></i><i class="step sketchy icon category electronics size-48"></i><i class="step sketchy icon category electronics size-60"></i><i class="step sketchy icon category electronics size-72"></i>
  552. </div>
  553. <div class="preview-scale">
  554. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  555. </div>
  556. <div class="usage">
  557. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category electronics" />
  558. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17f;" />
  559. </div>
  560. </div>
  561. <div class="glyph">
  562. <div class="preview-glyphs">
  563. <i class="step sketchy icon category health size-12"></i><i class="step sketchy icon category health size-14"></i><i class="step sketchy icon category health size-16"></i><i class="step sketchy icon category health size-18"></i><i class="step sketchy icon category health size-21"></i><i class="step sketchy icon category health size-24"></i><i class="step sketchy icon category health size-36"></i><i class="step sketchy icon category health size-48"></i><i class="step sketchy icon category health size-60"></i><i class="step sketchy icon category health size-72"></i>
  564. </div>
  565. <div class="preview-scale">
  566. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  567. </div>
  568. <div class="usage">
  569. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category health" />
  570. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
  571. </div>
  572. </div>
  573. <div class="glyph">
  574. <div class="preview-glyphs">
  575. <i class="step sketchy icon category home size-12"></i><i class="step sketchy icon category home size-14"></i><i class="step sketchy icon category home size-16"></i><i class="step sketchy icon category home size-18"></i><i class="step sketchy icon category home size-21"></i><i class="step sketchy icon category home size-24"></i><i class="step sketchy icon category home size-36"></i><i class="step sketchy icon category home size-48"></i><i class="step sketchy icon category home size-60"></i><i class="step sketchy icon category home size-72"></i>
  576. </div>
  577. <div class="preview-scale">
  578. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  579. </div>
  580. <div class="usage">
  581. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category home" />
  582. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
  583. </div>
  584. </div>
  585. <div class="glyph">
  586. <div class="preview-glyphs">
  587. <i class="step sketchy icon category kitchen size-12"></i><i class="step sketchy icon category kitchen size-14"></i><i class="step sketchy icon category kitchen size-16"></i><i class="step sketchy icon category kitchen size-18"></i><i class="step sketchy icon category kitchen size-21"></i><i class="step sketchy icon category kitchen size-24"></i><i class="step sketchy icon category kitchen size-36"></i><i class="step sketchy icon category kitchen size-48"></i><i class="step sketchy icon category kitchen size-60"></i><i class="step sketchy icon category kitchen size-72"></i>
  588. </div>
  589. <div class="preview-scale">
  590. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  591. </div>
  592. <div class="usage">
  593. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category kitchen" />
  594. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
  595. </div>
  596. </div>
  597. <div class="glyph">
  598. <div class="preview-glyphs">
  599. <i class="step sketchy icon category parenting size-12"></i><i class="step sketchy icon category parenting size-14"></i><i class="step sketchy icon category parenting size-16"></i><i class="step sketchy icon category parenting size-18"></i><i class="step sketchy icon category parenting size-21"></i><i class="step sketchy icon category parenting size-24"></i><i class="step sketchy icon category parenting size-36"></i><i class="step sketchy icon category parenting size-48"></i><i class="step sketchy icon category parenting size-60"></i><i class="step sketchy icon category parenting size-72"></i>
  600. </div>
  601. <div class="preview-scale">
  602. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  603. </div>
  604. <div class="usage">
  605. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category parenting" />
  606. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
  607. </div>
  608. </div>
  609. <div class="glyph">
  610. <div class="preview-glyphs">
  611. <i class="step sketchy icon category pets size-12"></i><i class="step sketchy icon category pets size-14"></i><i class="step sketchy icon category pets size-16"></i><i class="step sketchy icon category pets size-18"></i><i class="step sketchy icon category pets size-21"></i><i class="step sketchy icon category pets size-24"></i><i class="step sketchy icon category pets size-36"></i><i class="step sketchy icon category pets size-48"></i><i class="step sketchy icon category pets size-60"></i><i class="step sketchy icon category pets size-72"></i>
  612. </div>
  613. <div class="preview-scale">
  614. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  615. </div>
  616. <div class="usage">
  617. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category pets" />
  618. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
  619. </div>
  620. </div>
  621. <div class="glyph">
  622. <div class="preview-glyphs">
  623. <i class="step sketchy icon category play size-12"></i><i class="step sketchy icon category play size-14"></i><i class="step sketchy icon category play size-16"></i><i class="step sketchy icon category play size-18"></i><i class="step sketchy icon category play size-21"></i><i class="step sketchy icon category play size-24"></i><i class="step sketchy icon category play size-36"></i><i class="step sketchy icon category play size-48"></i><i class="step sketchy icon category play size-60"></i><i class="step sketchy icon category play size-72"></i>
  624. </div>
  625. <div class="preview-scale">
  626. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  627. </div>
  628. <div class="usage">
  629. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category play" />
  630. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
  631. </div>
  632. </div>
  633. <div class="glyph">
  634. <div class="preview-glyphs">
  635. <i class="step sketchy icon category power size-12"></i><i class="step sketchy icon category power size-14"></i><i class="step sketchy icon category power size-16"></i><i class="step sketchy icon category power size-18"></i><i class="step sketchy icon category power size-21"></i><i class="step sketchy icon category power size-24"></i><i class="step sketchy icon category power size-36"></i><i class="step sketchy icon category power size-48"></i><i class="step sketchy icon category power size-60"></i><i class="step sketchy icon category power size-72"></i>
  636. </div>
  637. <div class="preview-scale">
  638. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  639. </div>
  640. <div class="usage">
  641. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category power" />
  642. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
  643. </div>
  644. </div>
  645. <div class="glyph">
  646. <div class="preview-glyphs">
  647. <i class="step sketchy icon category travel size-12"></i><i class="step sketchy icon category travel size-14"></i><i class="step sketchy icon category travel size-16"></i><i class="step sketchy icon category travel size-18"></i><i class="step sketchy icon category travel size-21"></i><i class="step sketchy icon category travel size-24"></i><i class="step sketchy icon category travel size-36"></i><i class="step sketchy icon category travel size-48"></i><i class="step sketchy icon category travel size-60"></i><i class="step sketchy icon category travel size-72"></i>
  648. </div>
  649. <div class="preview-scale">
  650. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  651. </div>
  652. <div class="usage">
  653. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category travel" />
  654. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
  655. </div>
  656. </div>
  657. <div class="glyph">
  658. <div class="preview-glyphs">
  659. <i class="step sketchy icon category wildcard size-12"></i><i class="step sketchy icon category wildcard size-14"></i><i class="step sketchy icon category wildcard size-16"></i><i class="step sketchy icon category wildcard size-18"></i><i class="step sketchy icon category wildcard size-21"></i><i class="step sketchy icon category wildcard size-24"></i><i class="step sketchy icon category wildcard size-36"></i><i class="step sketchy icon category wildcard size-48"></i><i class="step sketchy icon category wildcard size-60"></i><i class="step sketchy icon category wildcard size-72"></i>
  660. </div>
  661. <div class="preview-scale">
  662. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  663. </div>
  664. <div class="usage">
  665. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon category wildcard" />
  666. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
  667. </div>
  668. </div>
  669. <div class="glyph">
  670. <div class="preview-glyphs">
  671. <i class="step sketchy icon checkmark size-12"></i><i class="step sketchy icon checkmark size-14"></i><i class="step sketchy icon checkmark size-16"></i><i class="step sketchy icon checkmark size-18"></i><i class="step sketchy icon checkmark size-21"></i><i class="step sketchy icon checkmark size-24"></i><i class="step sketchy icon checkmark size-36"></i><i class="step sketchy icon checkmark size-48"></i><i class="step sketchy icon checkmark size-60"></i><i class="step sketchy icon checkmark size-72"></i>
  672. </div>
  673. <div class="preview-scale">
  674. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  675. </div>
  676. <div class="usage">
  677. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon checkmark" />
  678. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
  679. </div>
  680. </div>
  681. <div class="glyph">
  682. <div class="preview-glyphs">
  683. <i class="step sketchy icon checkmark circle size-12"></i><i class="step sketchy icon checkmark circle size-14"></i><i class="step sketchy icon checkmark circle size-16"></i><i class="step sketchy icon checkmark circle size-18"></i><i class="step sketchy icon checkmark circle size-21"></i><i class="step sketchy icon checkmark circle size-24"></i><i class="step sketchy icon checkmark circle size-36"></i><i class="step sketchy icon checkmark circle size-48"></i><i class="step sketchy icon checkmark circle size-60"></i><i class="step sketchy icon checkmark circle size-72"></i>
  684. </div>
  685. <div class="preview-scale">
  686. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  687. </div>
  688. <div class="usage">
  689. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon checkmark circle" />
  690. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
  691. </div>
  692. </div>
  693. <div class="glyph">
  694. <div class="preview-glyphs">
  695. <i class="step sketchy icon clock size-12"></i><i class="step sketchy icon clock size-14"></i><i class="step sketchy icon clock size-16"></i><i class="step sketchy icon clock size-18"></i><i class="step sketchy icon clock size-21"></i><i class="step sketchy icon clock size-24"></i><i class="step sketchy icon clock size-36"></i><i class="step sketchy icon clock size-48"></i><i class="step sketchy icon clock size-60"></i><i class="step sketchy icon clock size-72"></i>
  696. </div>
  697. <div class="preview-scale">
  698. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  699. </div>
  700. <div class="usage">
  701. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon clock" />
  702. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
  703. </div>
  704. </div>
  705. <div class="glyph">
  706. <div class="preview-glyphs">
  707. <i class="step sketchy icon comment size-12"></i><i class="step sketchy icon comment size-14"></i><i class="step sketchy icon comment size-16"></i><i class="step sketchy icon comment size-18"></i><i class="step sketchy icon comment size-21"></i><i class="step sketchy icon comment size-24"></i><i class="step sketchy icon comment size-36"></i><i class="step sketchy icon comment size-48"></i><i class="step sketchy icon comment size-60"></i><i class="step sketchy icon comment size-72"></i>
  708. </div>
  709. <div class="preview-scale">
  710. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  711. </div>
  712. <div class="usage">
  713. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon comment" />
  714. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
  715. </div>
  716. </div>
  717. <div class="glyph">
  718. <div class="preview-glyphs">
  719. <i class="step sketchy icon compare size-12"></i><i class="step sketchy icon compare size-14"></i><i class="step sketchy icon compare size-16"></i><i class="step sketchy icon compare size-18"></i><i class="step sketchy icon compare size-21"></i><i class="step sketchy icon compare size-24"></i><i class="step sketchy icon compare size-36"></i><i class="step sketchy icon compare size-48"></i><i class="step sketchy icon compare size-60"></i><i class="step sketchy icon compare size-72"></i>
  720. </div>
  721. <div class="preview-scale">
  722. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  723. </div>
  724. <div class="usage">
  725. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon compare" />
  726. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
  727. </div>
  728. </div>
  729. <div class="glyph">
  730. <div class="preview-glyphs">
  731. <i class="step sketchy icon conversation size-12"></i><i class="step sketchy icon conversation size-14"></i><i class="step sketchy icon conversation size-16"></i><i class="step sketchy icon conversation size-18"></i><i class="step sketchy icon conversation size-21"></i><i class="step sketchy icon conversation size-24"></i><i class="step sketchy icon conversation size-36"></i><i class="step sketchy icon conversation size-48"></i><i class="step sketchy icon conversation size-60"></i><i class="step sketchy icon conversation size-72"></i>
  732. </div>
  733. <div class="preview-scale">
  734. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  735. </div>
  736. <div class="usage">
  737. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon conversation" />
  738. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
  739. </div>
  740. </div>
  741. <div class="glyph">
  742. <div class="preview-glyphs">
  743. <i class="step sketchy icon dollar size-12"></i><i class="step sketchy icon dollar size-14"></i><i class="step sketchy icon dollar size-16"></i><i class="step sketchy icon dollar size-18"></i><i class="step sketchy icon dollar size-21"></i><i class="step sketchy icon dollar size-24"></i><i class="step sketchy icon dollar size-36"></i><i class="step sketchy icon dollar size-48"></i><i class="step sketchy icon dollar size-60"></i><i class="step sketchy icon dollar size-72"></i>
  744. </div>
  745. <div class="preview-scale">
  746. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  747. </div>
  748. <div class="usage">
  749. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon dollar" />
  750. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
  751. </div>
  752. </div>
  753. <div class="glyph">
  754. <div class="preview-glyphs">
  755. <i class="step sketchy icon dont size-12"></i><i class="step sketchy icon dont size-14"></i><i class="step sketchy icon dont size-16"></i><i class="step sketchy icon dont size-18"></i><i class="step sketchy icon dont size-21"></i><i class="step sketchy icon dont size-24"></i><i class="step sketchy icon dont size-36"></i><i class="step sketchy icon dont size-48"></i><i class="step sketchy icon dont size-60"></i><i class="step sketchy icon dont size-72"></i>
  756. </div>
  757. <div class="preview-scale">
  758. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  759. </div>
  760. <div class="usage">
  761. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon dont" />
  762. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
  763. </div>
  764. </div>
  765. <div class="glyph">
  766. <div class="preview-glyphs">
  767. <i class="step sketchy icon eval size-12"></i><i class="step sketchy icon eval size-14"></i><i class="step sketchy icon eval size-16"></i><i class="step sketchy icon eval size-18"></i><i class="step sketchy icon eval size-21"></i><i class="step sketchy icon eval size-24"></i><i class="step sketchy icon eval size-36"></i><i class="step sketchy icon eval size-48"></i><i class="step sketchy icon eval size-60"></i><i class="step sketchy icon eval size-72"></i>
  768. </div>
  769. <div class="preview-scale">
  770. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  771. </div>
  772. <div class="usage">
  773. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon eval" />
  774. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
  775. </div>
  776. </div>
  777. <div class="glyph">
  778. <div class="preview-glyphs">
  779. <i class="step sketchy icon expert size-12"></i><i class="step sketchy icon expert size-14"></i><i class="step sketchy icon expert size-16"></i><i class="step sketchy icon expert size-18"></i><i class="step sketchy icon expert size-21"></i><i class="step sketchy icon expert size-24"></i><i class="step sketchy icon expert size-36"></i><i class="step sketchy icon expert size-48"></i><i class="step sketchy icon expert size-60"></i><i class="step sketchy icon expert size-72"></i>
  780. </div>
  781. <div class="preview-scale">
  782. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  783. </div>
  784. <div class="usage">
  785. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon expert" />
  786. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
  787. </div>
  788. </div>
  789. <div class="glyph">
  790. <div class="preview-glyphs">
  791. <i class="step sketchy icon eyeball size-12"></i><i class="step sketchy icon eyeball size-14"></i><i class="step sketchy icon eyeball size-16"></i><i class="step sketchy icon eyeball size-18"></i><i class="step sketchy icon eyeball size-21"></i><i class="step sketchy icon eyeball size-24"></i><i class="step sketchy icon eyeball size-36"></i><i class="step sketchy icon eyeball size-48"></i><i class="step sketchy icon eyeball size-60"></i><i class="step sketchy icon eyeball size-72"></i>
  792. </div>
  793. <div class="preview-scale">
  794. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  795. </div>
  796. <div class="usage">
  797. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon eyeball" />
  798. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17a;" />
  799. </div>
  800. </div>
  801. <div class="glyph">
  802. <div class="preview-glyphs">
  803. <i class="step sketchy icon facebook size-12"></i><i class="step sketchy icon facebook size-14"></i><i class="step sketchy icon facebook size-16"></i><i class="step sketchy icon facebook size-18"></i><i class="step sketchy icon facebook size-21"></i><i class="step sketchy icon facebook size-24"></i><i class="step sketchy icon facebook size-36"></i><i class="step sketchy icon facebook size-48"></i><i class="step sketchy icon facebook size-60"></i><i class="step sketchy icon facebook size-72"></i>
  804. </div>
  805. <div class="preview-scale">
  806. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  807. </div>
  808. <div class="usage">
  809. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon facebook" />
  810. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf182;" />
  811. </div>
  812. </div>
  813. <div class="glyph">
  814. <div class="preview-glyphs">
  815. <i class="step sketchy icon facebook filled size-12"></i><i class="step sketchy icon facebook filled size-14"></i><i class="step sketchy icon facebook filled size-16"></i><i class="step sketchy icon facebook filled size-18"></i><i class="step sketchy icon facebook filled size-21"></i><i class="step sketchy icon facebook filled size-24"></i><i class="step sketchy icon facebook filled size-36"></i><i class="step sketchy icon facebook filled size-48"></i><i class="step sketchy icon facebook filled size-60"></i><i class="step sketchy icon facebook filled size-72"></i>
  816. </div>
  817. <div class="preview-scale">
  818. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  819. </div>
  820. <div class="usage">
  821. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon facebook filled" />
  822. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
  823. </div>
  824. </div>
  825. <div class="glyph">
  826. <div class="preview-glyphs">
  827. <i class="step sketchy icon googleplus size-12"></i><i class="step sketchy icon googleplus size-14"></i><i class="step sketchy icon googleplus size-16"></i><i class="step sketchy icon googleplus size-18"></i><i class="step sketchy icon googleplus size-21"></i><i class="step sketchy icon googleplus size-24"></i><i class="step sketchy icon googleplus size-36"></i><i class="step sketchy icon googleplus size-48"></i><i class="step sketchy icon googleplus size-60"></i><i class="step sketchy icon googleplus size-72"></i>
  828. </div>
  829. <div class="preview-scale">
  830. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  831. </div>
  832. <div class="usage">
  833. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon googleplus" />
  834. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
  835. </div>
  836. </div>
  837. <div class="glyph">
  838. <div class="preview-glyphs">
  839. <i class="step sketchy icon googleplus filled size-12"></i><i class="step sketchy icon googleplus filled size-14"></i><i class="step sketchy icon googleplus filled size-16"></i><i class="step sketchy icon googleplus filled size-18"></i><i class="step sketchy icon googleplus filled size-21"></i><i class="step sketchy icon googleplus filled size-24"></i><i class="step sketchy icon googleplus filled size-36"></i><i class="step sketchy icon googleplus filled size-48"></i><i class="step sketchy icon googleplus filled size-60"></i><i class="step sketchy icon googleplus filled size-72"></i>
  840. </div>
  841. <div class="preview-scale">
  842. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  843. </div>
  844. <div class="usage">
  845. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon googleplus filled" />
  846. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
  847. </div>
  848. </div>
  849. <div class="glyph">
  850. <div class="preview-glyphs">
  851. <i class="step sketchy icon home size-12"></i><i class="step sketchy icon home size-14"></i><i class="step sketchy icon home size-16"></i><i class="step sketchy icon home size-18"></i><i class="step sketchy icon home size-21"></i><i class="step sketchy icon home size-24"></i><i class="step sketchy icon home size-36"></i><i class="step sketchy icon home size-48"></i><i class="step sketchy icon home size-60"></i><i class="step sketchy icon home size-72"></i>
  852. </div>
  853. <div class="preview-scale">
  854. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  855. </div>
  856. <div class="usage">
  857. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon home" />
  858. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
  859. </div>
  860. </div>
  861. <div class="glyph">
  862. <div class="preview-glyphs">
  863. <i class="step sketchy icon how cash size-12"></i><i class="step sketchy icon how cash size-14"></i><i class="step sketchy icon how cash size-16"></i><i class="step sketchy icon how cash size-18"></i><i class="step sketchy icon how cash size-21"></i><i class="step sketchy icon how cash size-24"></i><i class="step sketchy icon how cash size-36"></i><i class="step sketchy icon how cash size-48"></i><i class="step sketchy icon how cash size-60"></i><i class="step sketchy icon how cash size-72"></i>
  864. </div>
  865. <div class="preview-scale">
  866. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  867. </div>
  868. <div class="usage">
  869. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon how cash" />
  870. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
  871. </div>
  872. </div>
  873. <div class="glyph">
  874. <div class="preview-glyphs">
  875. <i class="step sketchy icon how influence size-12"></i><i class="step sketchy icon how influence size-14"></i><i class="step sketchy icon how influence size-16"></i><i class="step sketchy icon how influence size-18"></i><i class="step sketchy icon how influence size-21"></i><i class="step sketchy icon how influence size-24"></i><i class="step sketchy icon how influence size-36"></i><i class="step sketchy icon how influence size-48"></i><i class="step sketchy icon how influence size-60"></i><i class="step sketchy icon how influence size-72"></i>
  876. </div>
  877. <div class="preview-scale">
  878. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  879. </div>
  880. <div class="usage">
  881. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon how influence" />
  882. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
  883. </div>
  884. </div>
  885. <div class="glyph">
  886. <div class="preview-glyphs">
  887. <i class="step sketchy icon how manufactures size-12"></i><i class="step sketchy icon how manufactures size-14"></i><i class="step sketchy icon how manufactures size-16"></i><i class="step sketchy icon how manufactures size-18"></i><i class="step sketchy icon how manufactures size-21"></i><i class="step sketchy icon how manufactures size-24"></i><i class="step sketchy icon how manufactures size-36"></i><i class="step sketchy icon how manufactures size-48"></i><i class="step sketchy icon how manufactures size-60"></i><i class="step sketchy icon how manufactures size-72"></i>
  888. </div>
  889. <div class="preview-scale">
  890. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  891. </div>
  892. <div class="usage">
  893. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon how manufactures" />
  894. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
  895. </div>
  896. </div>
  897. <div class="glyph">
  898. <div class="preview-glyphs">
  899. <i class="step sketchy icon how submit size-12"></i><i class="step sketchy icon how submit size-14"></i><i class="step sketchy icon how submit size-16"></i><i class="step sketchy icon how submit size-18"></i><i class="step sketchy icon how submit size-21"></i><i class="step sketchy icon how submit size-24"></i><i class="step sketchy icon how submit size-36"></i><i class="step sketchy icon how submit size-48"></i><i class="step sketchy icon how submit size-60"></i><i class="step sketchy icon how submit size-72"></i>
  900. </div>
  901. <div class="preview-scale">
  902. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  903. </div>
  904. <div class="usage">
  905. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon how submit" />
  906. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
  907. </div>
  908. </div>
  909. <div class="glyph">
  910. <div class="preview-glyphs">
  911. <i class="step sketchy icon how votes size-12"></i><i class="step sketchy icon how votes size-14"></i><i class="step sketchy icon how votes size-16"></i><i class="step sketchy icon how votes size-18"></i><i class="step sketchy icon how votes size-21"></i><i class="step sketchy icon how votes size-24"></i><i class="step sketchy icon how votes size-36"></i><i class="step sketchy icon how votes size-48"></i><i class="step sketchy icon how votes size-60"></i><i class="step sketchy icon how votes size-72"></i>
  912. </div>
  913. <div class="preview-scale">
  914. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  915. </div>
  916. <div class="usage">
  917. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon how votes" />
  918. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf172;" />
  919. </div>
  920. </div>
  921. <div class="glyph">
  922. <div class="preview-glyphs">
  923. <i class="step sketchy icon idea size-12"></i><i class="step sketchy icon idea size-14"></i><i class="step sketchy icon idea size-16"></i><i class="step sketchy icon idea size-18"></i><i class="step sketchy icon idea size-21"></i><i class="step sketchy icon idea size-24"></i><i class="step sketchy icon idea size-36"></i><i class="step sketchy icon idea size-48"></i><i class="step sketchy icon idea size-60"></i><i class="step sketchy icon idea size-72"></i>
  924. </div>
  925. <div class="preview-scale">
  926. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  927. </div>
  928. <div class="usage">
  929. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon idea" />
  930. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
  931. </div>
  932. </div>
  933. <div class="glyph">
  934. <div class="preview-glyphs">
  935. <i class="step sketchy icon improve size-12"></i><i class="step sketchy icon improve size-14"></i><i class="step sketchy icon improve size-16"></i><i class="step sketchy icon improve size-18"></i><i class="step sketchy icon improve size-21"></i><i class="step sketchy icon improve size-24"></i><i class="step sketchy icon improve size-36"></i><i class="step sketchy icon improve size-48"></i><i class="step sketchy icon improve size-60"></i><i class="step sketchy icon improve size-72"></i>
  936. </div>
  937. <div class="preview-scale">
  938. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  939. </div>
  940. <div class="usage">
  941. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon improve" />
  942. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
  943. </div>
  944. </div>
  945. <div class="glyph">
  946. <div class="preview-glyphs">
  947. <i class="step sketchy icon influence size-12"></i><i class="step sketchy icon influence size-14"></i><i class="step sketchy icon influence size-16"></i><i class="step sketchy icon influence size-18"></i><i class="step sketchy icon influence size-21"></i><i class="step sketchy icon influence size-24"></i><i class="step sketchy icon influence size-36"></i><i class="step sketchy icon influence size-48"></i><i class="step sketchy icon influence size-60"></i><i class="step sketchy icon influence size-72"></i>
  948. </div>
  949. <div class="preview-scale">
  950. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  951. </div>
  952. <div class="usage">
  953. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon influence" />
  954. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
  955. </div>
  956. </div>
  957. <div class="glyph">
  958. <div class="preview-glyphs">
  959. <i class="step sketchy icon information size-12"></i><i class="step sketchy icon information size-14"></i><i class="step sketchy icon information size-16"></i><i class="step sketchy icon information size-18"></i><i class="step sketchy icon information size-21"></i><i class="step sketchy icon information size-24"></i><i class="step sketchy icon information size-36"></i><i class="step sketchy icon information size-48"></i><i class="step sketchy icon information size-60"></i><i class="step sketchy icon information size-72"></i>
  960. </div>
  961. <div class="preview-scale">
  962. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  963. </div>
  964. <div class="usage">
  965. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon information" />
  966. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
  967. </div>
  968. </div>
  969. <div class="glyph">
  970. <div class="preview-glyphs">
  971. <i class="step sketchy icon instagram size-12"></i><i class="step sketchy icon instagram size-14"></i><i class="step sketchy icon instagram size-16"></i><i class="step sketchy icon instagram size-18"></i><i class="step sketchy icon instagram size-21"></i><i class="step sketchy icon instagram size-24"></i><i class="step sketchy icon instagram size-36"></i><i class="step sketchy icon instagram size-48"></i><i class="step sketchy icon instagram size-60"></i><i class="step sketchy icon instagram size-72"></i>
  972. </div>
  973. <div class="preview-scale">
  974. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  975. </div>
  976. <div class="usage">
  977. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon instagram" />
  978. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
  979. </div>
  980. </div>
  981. <div class="glyph">
  982. <div class="preview-glyphs">
  983. <i class="step sketchy icon invent size-12"></i><i class="step sketchy icon invent size-14"></i><i class="step sketchy icon invent size-16"></i><i class="step sketchy icon invent size-18"></i><i class="step sketchy icon invent size-21"></i><i class="step sketchy icon invent size-24"></i><i class="step sketchy icon invent size-36"></i><i class="step sketchy icon invent size-48"></i><i class="step sketchy icon invent size-60"></i><i class="step sketchy icon invent size-72"></i>
  984. </div>
  985. <div class="preview-scale">
  986. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  987. </div>
  988. <div class="usage">
  989. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon invent" />
  990. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16f;" />
  991. </div>
  992. </div>
  993. <div class="glyph">
  994. <div class="preview-glyphs">
  995. <i class="step sketchy icon ip communication size-12"></i><i class="step sketchy icon ip communication size-14"></i><i class="step sketchy icon ip communication size-16"></i><i class="step sketchy icon ip communication size-18"></i><i class="step sketchy icon ip communication size-21"></i><i class="step sketchy icon ip communication size-24"></i><i class="step sketchy icon ip communication size-36"></i><i class="step sketchy icon ip communication size-48"></i><i class="step sketchy icon ip communication size-60"></i><i class="step sketchy icon ip communication size-72"></i>
  996. </div>
  997. <div class="preview-scale">
  998. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  999. </div>
  1000. <div class="usage">
  1001. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip communication" />
  1002. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
  1003. </div>
  1004. </div>
  1005. <div class="glyph">
  1006. <div class="preview-glyphs">
  1007. <i class="step sketchy icon ip electronics size-12"></i><i class="step sketchy icon ip electronics size-14"></i><i class="step sketchy icon ip electronics size-16"></i><i class="step sketchy icon ip electronics size-18"></i><i class="step sketchy icon ip electronics size-21"></i><i class="step sketchy icon ip electronics size-24"></i><i class="step sketchy icon ip electronics size-36"></i><i class="step sketchy icon ip electronics size-48"></i><i class="step sketchy icon ip electronics size-60"></i><i class="step sketchy icon ip electronics size-72"></i>
  1008. </div>
  1009. <div class="preview-scale">
  1010. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1011. </div>
  1012. <div class="usage">
  1013. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip electronics" />
  1014. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
  1015. </div>
  1016. </div>
  1017. <div class="glyph">
  1018. <div class="preview-glyphs">
  1019. <i class="step sketchy icon ip engine size-12"></i><i class="step sketchy icon ip engine size-14"></i><i class="step sketchy icon ip engine size-16"></i><i class="step sketchy icon ip engine size-18"></i><i class="step sketchy icon ip engine size-21"></i><i class="step sketchy icon ip engine size-24"></i><i class="step sketchy icon ip engine size-36"></i><i class="step sketchy icon ip engine size-48"></i><i class="step sketchy icon ip engine size-60"></i><i class="step sketchy icon ip engine size-72"></i>
  1020. </div>
  1021. <div class="preview-scale">
  1022. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1023. </div>
  1024. <div class="usage">
  1025. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip engine" />
  1026. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
  1027. </div>
  1028. </div>
  1029. <div class="glyph">
  1030. <div class="preview-glyphs">
  1031. <i class="step sketchy icon ip lighting size-12"></i><i class="step sketchy icon ip lighting size-14"></i><i class="step sketchy icon ip lighting size-16"></i><i class="step sketchy icon ip lighting size-18"></i><i class="step sketchy icon ip lighting size-21"></i><i class="step sketchy icon ip lighting size-24"></i><i class="step sketchy icon ip lighting size-36"></i><i class="step sketchy icon ip lighting size-48"></i><i class="step sketchy icon ip lighting size-60"></i><i class="step sketchy icon ip lighting size-72"></i>
  1032. </div>
  1033. <div class="preview-scale">
  1034. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1035. </div>
  1036. <div class="usage">
  1037. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip lighting" />
  1038. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
  1039. </div>
  1040. </div>
  1041. <div class="glyph">
  1042. <div class="preview-glyphs">
  1043. <i class="step sketchy icon ip materials size-12"></i><i class="step sketchy icon ip materials size-14"></i><i class="step sketchy icon ip materials size-16"></i><i class="step sketchy icon ip materials size-18"></i><i class="step sketchy icon ip materials size-21"></i><i class="step sketchy icon ip materials size-24"></i><i class="step sketchy icon ip materials size-36"></i><i class="step sketchy icon ip materials size-48"></i><i class="step sketchy icon ip materials size-60"></i><i class="step sketchy icon ip materials size-72"></i>
  1044. </div>
  1045. <div class="preview-scale">
  1046. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1047. </div>
  1048. <div class="usage">
  1049. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip materials" />
  1050. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
  1051. </div>
  1052. </div>
  1053. <div class="glyph">
  1054. <div class="preview-glyphs">
  1055. <i class="step sketchy icon ip power size-12"></i><i class="step sketchy icon ip power size-14"></i><i class="step sketchy icon ip power size-16"></i><i class="step sketchy icon ip power size-18"></i><i class="step sketchy icon ip power size-21"></i><i class="step sketchy icon ip power size-24"></i><i class="step sketchy icon ip power size-36"></i><i class="step sketchy icon ip power size-48"></i><i class="step sketchy icon ip power size-60"></i><i class="step sketchy icon ip power size-72"></i>
  1056. </div>
  1057. <div class="preview-scale">
  1058. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1059. </div>
  1060. <div class="usage">
  1061. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip power" />
  1062. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
  1063. </div>
  1064. </div>
  1065. <div class="glyph">
  1066. <div class="preview-glyphs">
  1067. <i class="step sketchy icon ip printing size-12"></i><i class="step sketchy icon ip printing size-14"></i><i class="step sketchy icon ip printing size-16"></i><i class="step sketchy icon ip printing size-18"></i><i class="step sketchy icon ip printing size-21"></i><i class="step sketchy icon ip printing size-24"></i><i class="step sketchy icon ip printing size-36"></i><i class="step sketchy icon ip printing size-48"></i><i class="step sketchy icon ip printing size-60"></i><i class="step sketchy icon ip printing size-72"></i>
  1068. </div>
  1069. <div class="preview-scale">
  1070. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1071. </div>
  1072. <div class="usage">
  1073. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip printing" />
  1074. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
  1075. </div>
  1076. </div>
  1077. <div class="glyph">
  1078. <div class="preview-glyphs">
  1079. <i class="step sketchy icon ip processes size-12"></i><i class="step sketchy icon ip processes size-14"></i><i class="step sketchy icon ip processes size-16"></i><i class="step sketchy icon ip processes size-18"></i><i class="step sketchy icon ip processes size-21"></i><i class="step sketchy icon ip processes size-24"></i><i class="step sketchy icon ip processes size-36"></i><i class="step sketchy icon ip processes size-48"></i><i class="step sketchy icon ip processes size-60"></i><i class="step sketchy icon ip processes size-72"></i>
  1080. </div>
  1081. <div class="preview-scale">
  1082. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1083. </div>
  1084. <div class="usage">
  1085. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip processes" />
  1086. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
  1087. </div>
  1088. </div>
  1089. <div class="glyph">
  1090. <div class="preview-glyphs">
  1091. <i class="step sketchy icon ip processing size-12"></i><i class="step sketchy icon ip processing size-14"></i><i class="step sketchy icon ip processing size-16"></i><i class="step sketchy icon ip processing size-18"></i><i class="step sketchy icon ip processing size-21"></i><i class="step sketchy icon ip processing size-24"></i><i class="step sketchy icon ip processing size-36"></i><i class="step sketchy icon ip processing size-48"></i><i class="step sketchy icon ip processing size-60"></i><i class="step sketchy icon ip processing size-72"></i>
  1092. </div>
  1093. <div class="preview-scale">
  1094. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1095. </div>
  1096. <div class="usage">
  1097. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip processing" />
  1098. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
  1099. </div>
  1100. </div>
  1101. <div class="glyph">
  1102. <div class="preview-glyphs">
  1103. <i class="step sketchy icon ip vehicles size-12"></i><i class="step sketchy icon ip vehicles size-14"></i><i class="step sketchy icon ip vehicles size-16"></i><i class="step sketchy icon ip vehicles size-18"></i><i class="step sketchy icon ip vehicles size-21"></i><i class="step sketchy icon ip vehicles size-24"></i><i class="step sketchy icon ip vehicles size-36"></i><i class="step sketchy icon ip vehicles size-48"></i><i class="step sketchy icon ip vehicles size-60"></i><i class="step sketchy icon ip vehicles size-72"></i>
  1104. </div>
  1105. <div class="preview-scale">
  1106. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1107. </div>
  1108. <div class="usage">
  1109. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon ip vehicles" />
  1110. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17e;" />
  1111. </div>
  1112. </div>
  1113. <div class="glyph">
  1114. <div class="preview-glyphs">
  1115. <i class="step sketchy icon launch size-12"></i><i class="step sketchy icon launch size-14"></i><i class="step sketchy icon launch size-16"></i><i class="step sketchy icon launch size-18"></i><i class="step sketchy icon launch size-21"></i><i class="step sketchy icon launch size-24"></i><i class="step sketchy icon launch size-36"></i><i class="step sketchy icon launch size-48"></i><i class="step sketchy icon launch size-60"></i><i class="step sketchy icon launch size-72"></i>
  1116. </div>
  1117. <div class="preview-scale">
  1118. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1119. </div>
  1120. <div class="usage">
  1121. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon launch" />
  1122. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
  1123. </div>
  1124. </div>
  1125. <div class="glyph">
  1126. <div class="preview-glyphs">
  1127. <i class="step sketchy icon linkicon size-12"></i><i class="step sketchy icon linkicon size-14"></i><i class="step sketchy icon linkicon size-16"></i><i class="step sketchy icon linkicon size-18"></i><i class="step sketchy icon linkicon size-21"></i><i class="step sketchy icon linkicon size-24"></i><i class="step sketchy icon linkicon size-36"></i><i class="step sketchy icon linkicon size-48"></i><i class="step sketchy icon linkicon size-60"></i><i class="step sketchy icon linkicon size-72"></i>
  1128. </div>
  1129. <div class="preview-scale">
  1130. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1131. </div>
  1132. <div class="usage">
  1133. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon linkicon" />
  1134. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
  1135. </div>
  1136. </div>
  1137. <div class="glyph">
  1138. <div class="preview-glyphs">
  1139. <i class="step sketchy icon load size-12"></i><i class="step sketchy icon load size-14"></i><i class="step sketchy icon load size-16"></i><i class="step sketchy icon load size-18"></i><i class="step sketchy icon load size-21"></i><i class="step sketchy icon load size-24"></i><i class="step sketchy icon load size-36"></i><i class="step sketchy icon load size-48"></i><i class="step sketchy icon load size-60"></i><i class="step sketchy icon load size-72"></i>
  1140. </div>
  1141. <div class="preview-scale">
  1142. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1143. </div>
  1144. <div class="usage">
  1145. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon load" />
  1146. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
  1147. </div>
  1148. </div>
  1149. <div class="glyph">
  1150. <div class="preview-glyphs">
  1151. <i class="step sketchy icon location size-12"></i><i class="step sketchy icon location size-14"></i><i class="step sketchy icon location size-16"></i><i class="step sketchy icon location size-18"></i><i class="step sketchy icon location size-21"></i><i class="step sketchy icon location size-24"></i><i class="step sketchy icon location size-36"></i><i class="step sketchy icon location size-48"></i><i class="step sketchy icon location size-60"></i><i class="step sketchy icon location size-72"></i>
  1152. </div>
  1153. <div class="preview-scale">
  1154. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1155. </div>
  1156. <div class="usage">
  1157. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon location" />
  1158. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
  1159. </div>
  1160. </div>
  1161. <div class="glyph">
  1162. <div class="preview-glyphs">
  1163. <i class="step sketchy icon lock size-12"></i><i class="step sketchy icon lock size-14"></i><i class="step sketchy icon lock size-16"></i><i class="step sketchy icon lock size-18"></i><i class="step sketchy icon lock size-21"></i><i class="step sketchy icon lock size-24"></i><i class="step sketchy icon lock size-36"></i><i class="step sketchy icon lock size-48"></i><i class="step sketchy icon lock size-60"></i><i class="step sketchy icon lock size-72"></i>
  1164. </div>
  1165. <div class="preview-scale">
  1166. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1167. </div>
  1168. <div class="usage">
  1169. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon lock" />
  1170. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
  1171. </div>
  1172. </div>
  1173. <div class="glyph">
  1174. <div class="preview-glyphs">
  1175. <i class="step sketchy icon logout size-12"></i><i class="step sketchy icon logout size-14"></i><i class="step sketchy icon logout size-16"></i><i class="step sketchy icon logout size-18"></i><i class="step sketchy icon logout size-21"></i><i class="step sketchy icon logout size-24"></i><i class="step sketchy icon logout size-36"></i><i class="step sketchy icon logout size-48"></i><i class="step sketchy icon logout size-60"></i><i class="step sketchy icon logout size-72"></i>
  1176. </div>
  1177. <div class="preview-scale">
  1178. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1179. </div>
  1180. <div class="usage">
  1181. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon logout" />
  1182. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
  1183. </div>
  1184. </div>
  1185. <div class="glyph">
  1186. <div class="preview-glyphs">
  1187. <i class="step sketchy icon magnify size-12"></i><i class="step sketchy icon magnify size-14"></i><i class="step sketchy icon magnify size-16"></i><i class="step sketchy icon magnify size-18"></i><i class="step sketchy icon magnify size-21"></i><i class="step sketchy icon magnify size-24"></i><i class="step sketchy icon magnify size-36"></i><i class="step sketchy icon magnify size-48"></i><i class="step sketchy icon magnify size-60"></i><i class="step sketchy icon magnify size-72"></i>
  1188. </div>
  1189. <div class="preview-scale">
  1190. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1191. </div>
  1192. <div class="usage">
  1193. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon magnify" />
  1194. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
  1195. </div>
  1196. </div>
  1197. <div class="glyph">
  1198. <div class="preview-glyphs">
  1199. <i class="step sketchy icon mail size-12"></i><i class="step sketchy icon mail size-14"></i><i class="step sketchy icon mail size-16"></i><i class="step sketchy icon mail size-18"></i><i class="step sketchy icon mail size-21"></i><i class="step sketchy icon mail size-24"></i><i class="step sketchy icon mail size-36"></i><i class="step sketchy icon mail size-48"></i><i class="step sketchy icon mail size-60"></i><i class="step sketchy icon mail size-72"></i>
  1200. </div>
  1201. <div class="preview-scale">
  1202. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1203. </div>
  1204. <div class="usage">
  1205. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon mail" />
  1206. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf178;" />
  1207. </div>
  1208. </div>
  1209. <div class="glyph">
  1210. <div class="preview-glyphs">
  1211. <i class="step sketchy icon name size-12"></i><i class="step sketchy icon name size-14"></i><i class="step sketchy icon name size-16"></i><i class="step sketchy icon name size-18"></i><i class="step sketchy icon name size-21"></i><i class="step sketchy icon name size-24"></i><i class="step sketchy icon name size-36"></i><i class="step sketchy icon name size-48"></i><i class="step sketchy icon name size-60"></i><i class="step sketchy icon name size-72"></i>
  1212. </div>
  1213. <div class="preview-scale">
  1214. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1215. </div>
  1216. <div class="usage">
  1217. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon name" />
  1218. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
  1219. </div>
  1220. </div>
  1221. <div class="glyph">
  1222. <div class="preview-glyphs">
  1223. <i class="step sketchy icon newest size-12"></i><i class="step sketchy icon newest size-14"></i><i class="step sketchy icon newest size-16"></i><i class="step sketchy icon newest size-18"></i><i class="step sketchy icon newest size-21"></i><i class="step sketchy icon newest size-24"></i><i class="step sketchy icon newest size-36"></i><i class="step sketchy icon newest size-48"></i><i class="step sketchy icon newest size-60"></i><i class="step sketchy icon newest size-72"></i>
  1224. </div>
  1225. <div class="preview-scale">
  1226. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1227. </div>
  1228. <div class="usage">
  1229. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon newest" />
  1230. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
  1231. </div>
  1232. </div>
  1233. <div class="glyph">
  1234. <div class="preview-glyphs">
  1235. <i class="step sketchy icon pencil size-12"></i><i class="step sketchy icon pencil size-14"></i><i class="step sketchy icon pencil size-16"></i><i class="step sketchy icon pencil size-18"></i><i class="step sketchy icon pencil size-21"></i><i class="step sketchy icon pencil size-24"></i><i class="step sketchy icon pencil size-36"></i><i class="step sketchy icon pencil size-48"></i><i class="step sketchy icon pencil size-60"></i><i class="step sketchy icon pencil size-72"></i>
  1236. </div>
  1237. <div class="preview-scale">
  1238. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1239. </div>
  1240. <div class="usage">
  1241. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon pencil" />
  1242. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
  1243. </div>
  1244. </div>
  1245. <div class="glyph">
  1246. <div class="preview-glyphs">
  1247. <i class="step sketchy icon phase design size-12"></i><i class="step sketchy icon phase design size-14"></i><i class="step sketchy icon phase design size-16"></i><i class="step sketchy icon phase design size-18"></i><i class="step sketchy icon phase design size-21"></i><i class="step sketchy icon phase design size-24"></i><i class="step sketchy icon phase design size-36"></i><i class="step sketchy icon phase design size-48"></i><i class="step sketchy icon phase design size-60"></i><i class="step sketchy icon phase design size-72"></i>
  1248. </div>
  1249. <div class="preview-scale">
  1250. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1251. </div>
  1252. <div class="usage">
  1253. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon phase design" />
  1254. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
  1255. </div>
  1256. </div>
  1257. <div class="glyph">
  1258. <div class="preview-glyphs">
  1259. <i class="step sketchy icon phase enhance size-12"></i><i class="step sketchy icon phase enhance size-14"></i><i class="step sketchy icon phase enhance size-16"></i><i class="step sketchy icon phase enhance size-18"></i><i class="step sketchy icon phase enhance size-21"></i><i class="step sketchy icon phase enhance size-24"></i><i class="step sketchy icon phase enhance size-36"></i><i class="step sketchy icon phase enhance size-48"></i><i class="step sketchy icon phase enhance size-60"></i><i class="step sketchy icon phase enhance size-72"></i>
  1260. </div>
  1261. <div class="preview-scale">
  1262. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1263. </div>
  1264. <div class="usage">
  1265. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon phase enhance" />
  1266. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
  1267. </div>
  1268. </div>
  1269. <div class="glyph">
  1270. <div class="preview-glyphs">
  1271. <i class="step sketchy icon phase name size-12"></i><i class="step sketchy icon phase name size-14"></i><i class="step sketchy icon phase name size-16"></i><i class="step sketchy icon phase name size-18"></i><i class="step sketchy icon phase name size-21"></i><i class="step sketchy icon phase name size-24"></i><i class="step sketchy icon phase name size-36"></i><i class="step sketchy icon phase name size-48"></i><i class="step sketchy icon phase name size-60"></i><i class="step sketchy icon phase name size-72"></i>
  1272. </div>
  1273. <div class="preview-scale">
  1274. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1275. </div>
  1276. <div class="usage">
  1277. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon phase name" />
  1278. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
  1279. </div>
  1280. </div>
  1281. <div class="glyph">
  1282. <div class="preview-glyphs">
  1283. <i class="step sketchy icon phase research size-12"></i><i class="step sketchy icon phase research size-14"></i><i class="step sketchy icon phase research size-16"></i><i class="step sketchy icon phase research size-18"></i><i class="step sketchy icon phase research size-21"></i><i class="step sketchy icon phase research size-24"></i><i class="step sketchy icon phase research size-36"></i><i class="step sketchy icon phase research size-48"></i><i class="step sketchy icon phase research size-60"></i><i class="step sketchy icon phase research size-72"></i>
  1284. </div>
  1285. <div class="preview-scale">
  1286. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1287. </div>
  1288. <div class="usage">
  1289. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon phase research" />
  1290. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
  1291. </div>
  1292. </div>
  1293. <div class="glyph">
  1294. <div class="preview-glyphs">
  1295. <i class="step sketchy icon phase style size-12"></i><i class="step sketchy icon phase style size-14"></i><i class="step sketchy icon phase style size-16"></i><i class="step sketchy icon phase style size-18"></i><i class="step sketchy icon phase style size-21"></i><i class="step sketchy icon phase style size-24"></i><i class="step sketchy icon phase style size-36"></i><i class="step sketchy icon phase style size-48"></i><i class="step sketchy icon phase style size-60"></i><i class="step sketchy icon phase style size-72"></i>
  1296. </div>
  1297. <div class="preview-scale">
  1298. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1299. </div>
  1300. <div class="usage">
  1301. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon phase style" />
  1302. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
  1303. </div>
  1304. </div>
  1305. <div class="glyph">
  1306. <div class="preview-glyphs">
  1307. <i class="step sketchy icon phase tagline size-12"></i><i class="step sketchy icon phase tagline size-14"></i><i class="step sketchy icon phase tagline size-16"></i><i class="step sketchy icon phase tagline size-18"></i><i class="step sketchy icon phase tagline size-21"></i><i class="step sketchy icon phase tagline size-24"></i><i class="step sketchy icon phase tagline size-36"></i><i class="step sketchy icon phase tagline size-48"></i><i class="step sketchy icon phase tagline size-60"></i><i class="step sketchy icon phase tagline size-72"></i>
  1308. </div>
  1309. <div class="preview-scale">
  1310. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1311. </div>
  1312. <div class="usage">
  1313. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon phase tagline" />
  1314. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
  1315. </div>
  1316. </div>
  1317. <div class="glyph">
  1318. <div class="preview-glyphs">
  1319. <i class="step sketchy icon photos size-12"></i><i class="step sketchy icon photos size-14"></i><i class="step sketchy icon photos size-16"></i><i class="step sketchy icon photos size-18"></i><i class="step sketchy icon photos size-21"></i><i class="step sketchy icon photos size-24"></i><i class="step sketchy icon photos size-36"></i><i class="step sketchy icon photos size-48"></i><i class="step sketchy icon photos size-60"></i><i class="step sketchy icon photos size-72"></i>
  1320. </div>
  1321. <div class="preview-scale">
  1322. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1323. </div>
  1324. <div class="usage">
  1325. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon photos" />
  1326. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
  1327. </div>
  1328. </div>
  1329. <div class="glyph">
  1330. <div class="preview-glyphs">
  1331. <i class="step sketchy icon piechart size-12"></i><i class="step sketchy icon piechart size-14"></i><i class="step sketchy icon piechart size-16"></i><i class="step sketchy icon piechart size-18"></i><i class="step sketchy icon piechart size-21"></i><i class="step sketchy icon piechart size-24"></i><i class="step sketchy icon piechart size-36"></i><i class="step sketchy icon piechart size-48"></i><i class="step sketchy icon piechart size-60"></i><i class="step sketchy icon piechart size-72"></i>
  1332. </div>
  1333. <div class="preview-scale">
  1334. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1335. </div>
  1336. <div class="usage">
  1337. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon piechart" />
  1338. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
  1339. </div>
  1340. </div>
  1341. <div class="glyph">
  1342. <div class="preview-glyphs">
  1343. <i class="step sketchy icon pinterest size-12"></i><i class="step sketchy icon pinterest size-14"></i><i class="step sketchy icon pinterest size-16"></i><i class="step sketchy icon pinterest size-18"></i><i class="step sketchy icon pinterest size-21"></i><i class="step sketchy icon pinterest size-24"></i><i class="step sketchy icon pinterest size-36"></i><i class="step sketchy icon pinterest size-48"></i><i class="step sketchy icon pinterest size-60"></i><i class="step sketchy icon pinterest size-72"></i>
  1344. </div>
  1345. <div class="preview-scale">
  1346. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1347. </div>
  1348. <div class="usage">
  1349. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon pinterest" />
  1350. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
  1351. </div>
  1352. </div>
  1353. <div class="glyph">
  1354. <div class="preview-glyphs">
  1355. <i class="step sketchy icon pinterest filled size-12"></i><i class="step sketchy icon pinterest filled size-14"></i><i class="step sketchy icon pinterest filled size-16"></i><i class="step sketchy icon pinterest filled size-18"></i><i class="step sketchy icon pinterest filled size-21"></i><i class="step sketchy icon pinterest filled size-24"></i><i class="step sketchy icon pinterest filled size-36"></i><i class="step sketchy icon pinterest filled size-48"></i><i class="step sketchy icon pinterest filled size-60"></i><i class="step sketchy icon pinterest filled size-72"></i>
  1356. </div>
  1357. <div class="preview-scale">
  1358. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1359. </div>
  1360. <div class="usage">
  1361. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon pinterest filled" />
  1362. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
  1363. </div>
  1364. </div>
  1365. <div class="glyph">
  1366. <div class="preview-glyphs">
  1367. <i class="step sketchy icon play size-12"></i><i class="step sketchy icon play size-14"></i><i class="step sketchy icon play size-16"></i><i class="step sketchy icon play size-18"></i><i class="step sketchy icon play size-21"></i><i class="step sketchy icon play size-24"></i><i class="step sketchy icon play size-36"></i><i class="step sketchy icon play size-48"></i><i class="step sketchy icon play size-60"></i><i class="step sketchy icon play size-72"></i>
  1368. </div>
  1369. <div class="preview-scale">
  1370. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1371. </div>
  1372. <div class="usage">
  1373. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon play" />
  1374. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
  1375. </div>
  1376. </div>
  1377. <div class="glyph">
  1378. <div class="preview-glyphs">
  1379. <i class="step sketchy icon portfolio size-12"></i><i class="step sketchy icon portfolio size-14"></i><i class="step sketchy icon portfolio size-16"></i><i class="step sketchy icon portfolio size-18"></i><i class="step sketchy icon portfolio size-21"></i><i class="step sketchy icon portfolio size-24"></i><i class="step sketchy icon portfolio size-36"></i><i class="step sketchy icon portfolio size-48"></i><i class="step sketchy icon portfolio size-60"></i><i class="step sketchy icon portfolio size-72"></i>
  1380. </div>
  1381. <div class="preview-scale">
  1382. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1383. </div>
  1384. <div class="usage">
  1385. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon portfolio" />
  1386. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
  1387. </div>
  1388. </div>
  1389. <div class="glyph">
  1390. <div class="preview-glyphs">
  1391. <i class="step sketchy icon price size-12"></i><i class="step sketchy icon price size-14"></i><i class="step sketchy icon price size-16"></i><i class="step sketchy icon price size-18"></i><i class="step sketchy icon price size-21"></i><i class="step sketchy icon price size-24"></i><i class="step sketchy icon price size-36"></i><i class="step sketchy icon price size-48"></i><i class="step sketchy icon price size-60"></i><i class="step sketchy icon price size-72"></i>
  1392. </div>
  1393. <div class="preview-scale">
  1394. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1395. </div>
  1396. <div class="usage">
  1397. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon price" />
  1398. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
  1399. </div>
  1400. </div>
  1401. <div class="glyph">
  1402. <div class="preview-glyphs">
  1403. <i class="step sketchy icon problem size-12"></i><i class="step sketchy icon problem size-14"></i><i class="step sketchy icon problem size-16"></i><i class="step sketchy icon problem size-18"></i><i class="step sketchy icon problem size-21"></i><i class="step sketchy icon problem size-24"></i><i class="step sketchy icon problem size-36"></i><i class="step sketchy icon problem size-48"></i><i class="step sketchy icon problem size-60"></i><i class="step sketchy icon problem size-72"></i>
  1404. </div>
  1405. <div class="preview-scale">
  1406. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1407. </div>
  1408. <div class="usage">
  1409. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon problem" />
  1410. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
  1411. </div>
  1412. </div>
  1413. <div class="glyph">
  1414. <div class="preview-glyphs">
  1415. <i class="step sketchy icon profile size-12"></i><i class="step sketchy icon profile size-14"></i><i class="step sketchy icon profile size-16"></i><i class="step sketchy icon profile size-18"></i><i class="step sketchy icon profile size-21"></i><i class="step sketchy icon profile size-24"></i><i class="step sketchy icon profile size-36"></i><i class="step sketchy icon profile size-48"></i><i class="step sketchy icon profile size-60"></i><i class="step sketchy icon profile size-72"></i>
  1416. </div>
  1417. <div class="preview-scale">
  1418. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1419. </div>
  1420. <div class="usage">
  1421. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon profile" />
  1422. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
  1423. </div>
  1424. </div>
  1425. <div class="glyph">
  1426. <div class="preview-glyphs">
  1427. <i class="step sketchy icon question size-12"></i><i class="step sketchy icon question size-14"></i><i class="step sketchy icon question size-16"></i><i class="step sketchy icon question size-18"></i><i class="step sketchy icon question size-21"></i><i class="step sketchy icon question size-24"></i><i class="step sketchy icon question size-36"></i><i class="step sketchy icon question size-48"></i><i class="step sketchy icon question size-60"></i><i class="step sketchy icon question size-72"></i>
  1428. </div>
  1429. <div class="preview-scale">
  1430. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1431. </div>
  1432. <div class="usage">
  1433. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon question" />
  1434. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
  1435. </div>
  1436. </div>
  1437. <div class="glyph">
  1438. <div class="preview-glyphs">
  1439. <i class="step sketchy icon question circle size-12"></i><i class="step sketchy icon question circle size-14"></i><i class="step sketchy icon question circle size-16"></i><i class="step sketchy icon question circle size-18"></i><i class="step sketchy icon question circle size-21"></i><i class="step sketchy icon question circle size-24"></i><i class="step sketchy icon question circle size-36"></i><i class="step sketchy icon question circle size-48"></i><i class="step sketchy icon question circle size-60"></i><i class="step sketchy icon question circle size-72"></i>
  1440. </div>
  1441. <div class="preview-scale">
  1442. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1443. </div>
  1444. <div class="usage">
  1445. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon question circle" />
  1446. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
  1447. </div>
  1448. </div>
  1449. <div class="glyph">
  1450. <div class="preview-glyphs">
  1451. <i class="step sketchy icon quirkylogo size-12"></i><i class="step sketchy icon quirkylogo size-14"></i><i class="step sketchy icon quirkylogo size-16"></i><i class="step sketchy icon quirkylogo size-18"></i><i class="step sketchy icon quirkylogo size-21"></i><i class="step sketchy icon quirkylogo size-24"></i><i class="step sketchy icon quirkylogo size-36"></i><i class="step sketchy icon quirkylogo size-48"></i><i class="step sketchy icon quirkylogo size-60"></i><i class="step sketchy icon quirkylogo size-72"></i>
  1452. </div>
  1453. <div class="preview-scale">
  1454. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1455. </div>
  1456. <div class="usage">
  1457. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon quirkylogo" />
  1458. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
  1459. </div>
  1460. </div>
  1461. <div class="glyph">
  1462. <div class="preview-glyphs">
  1463. <i class="step sketchy icon quirkylogobg size-12"></i><i class="step sketchy icon quirkylogobg size-14"></i><i class="step sketchy icon quirkylogobg size-16"></i><i class="step sketchy icon quirkylogobg size-18"></i><i class="step sketchy icon quirkylogobg size-21"></i><i class="step sketchy icon quirkylogobg size-24"></i><i class="step sketchy icon quirkylogobg size-36"></i><i class="step sketchy icon quirkylogobg size-48"></i><i class="step sketchy icon quirkylogobg size-60"></i><i class="step sketchy icon quirkylogobg size-72"></i>
  1464. </div>
  1465. <div class="preview-scale">
  1466. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1467. </div>
  1468. <div class="usage">
  1469. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon quirkylogobg" />
  1470. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
  1471. </div>
  1472. </div>
  1473. <div class="glyph">
  1474. <div class="preview-glyphs">
  1475. <i class="step sketchy icon rain cloud size-12"></i><i class="step sketchy icon rain cloud size-14"></i><i class="step sketchy icon rain cloud size-16"></i><i class="step sketchy icon rain cloud size-18"></i><i class="step sketchy icon rain cloud size-21"></i><i class="step sketchy icon rain cloud size-24"></i><i class="step sketchy icon rain cloud size-36"></i><i class="step sketchy icon rain cloud size-48"></i><i class="step sketchy icon rain cloud size-60"></i><i class="step sketchy icon rain cloud size-72"></i>
  1476. </div>
  1477. <div class="preview-scale">
  1478. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1479. </div>
  1480. <div class="usage">
  1481. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon rain cloud" />
  1482. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
  1483. </div>
  1484. </div>
  1485. <div class="glyph">
  1486. <div class="preview-glyphs">
  1487. <i class="step sketchy icon settings size-12"></i><i class="step sketchy icon settings size-14"></i><i class="step sketchy icon settings size-16"></i><i class="step sketchy icon settings size-18"></i><i class="step sketchy icon settings size-21"></i><i class="step sketchy icon settings size-24"></i><i class="step sketchy icon settings size-36"></i><i class="step sketchy icon settings size-48"></i><i class="step sketchy icon settings size-60"></i><i class="step sketchy icon settings size-72"></i>
  1488. </div>
  1489. <div class="preview-scale">
  1490. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1491. </div>
  1492. <div class="usage">
  1493. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon settings" />
  1494. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
  1495. </div>
  1496. </div>
  1497. <div class="glyph">
  1498. <div class="preview-glyphs">
  1499. <i class="step sketchy icon share size-12"></i><i class="step sketchy icon share size-14"></i><i class="step sketchy icon share size-16"></i><i class="step sketchy icon share size-18"></i><i class="step sketchy icon share size-21"></i><i class="step sketchy icon share size-24"></i><i class="step sketchy icon share size-36"></i><i class="step sketchy icon share size-48"></i><i class="step sketchy icon share size-60"></i><i class="step sketchy icon share size-72"></i>
  1500. </div>
  1501. <div class="preview-scale">
  1502. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1503. </div>
  1504. <div class="usage">
  1505. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon share" />
  1506. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
  1507. </div>
  1508. </div>
  1509. <div class="glyph">
  1510. <div class="preview-glyphs">
  1511. <i class="step sketchy icon shop size-12"></i><i class="step sketchy icon shop size-14"></i><i class="step sketchy icon shop size-16"></i><i class="step sketchy icon shop size-18"></i><i class="step sketchy icon shop size-21"></i><i class="step sketchy icon shop size-24"></i><i class="step sketchy icon shop size-36"></i><i class="step sketchy icon shop size-48"></i><i class="step sketchy icon shop size-60"></i><i class="step sketchy icon shop size-72"></i>
  1512. </div>
  1513. <div class="preview-scale">
  1514. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1515. </div>
  1516. <div class="usage">
  1517. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon shop" />
  1518. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17b;" />
  1519. </div>
  1520. </div>
  1521. <div class="glyph">
  1522. <div class="preview-glyphs">
  1523. <i class="step sketchy icon slash size-12"></i><i class="step sketchy icon slash size-14"></i><i class="step sketchy icon slash size-16"></i><i class="step sketchy icon slash size-18"></i><i class="step sketchy icon slash size-21"></i><i class="step sketchy icon slash size-24"></i><i class="step sketchy icon slash size-36"></i><i class="step sketchy icon slash size-48"></i><i class="step sketchy icon slash size-60"></i><i class="step sketchy icon slash size-72"></i>
  1524. </div>
  1525. <div class="preview-scale">
  1526. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1527. </div>
  1528. <div class="usage">
  1529. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon slash" />
  1530. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
  1531. </div>
  1532. </div>
  1533. <div class="glyph">
  1534. <div class="preview-glyphs">
  1535. <i class="step sketchy icon threed size-12"></i><i class="step sketchy icon threed size-14"></i><i class="step sketchy icon threed size-16"></i><i class="step sketchy icon threed size-18"></i><i class="step sketchy icon threed size-21"></i><i class="step sketchy icon threed size-24"></i><i class="step sketchy icon threed size-36"></i><i class="step sketchy icon threed size-48"></i><i class="step sketchy icon threed size-60"></i><i class="step sketchy icon threed size-72"></i>
  1536. </div>
  1537. <div class="preview-scale">
  1538. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1539. </div>
  1540. <div class="usage">
  1541. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon threed" />
  1542. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17d;" />
  1543. </div>
  1544. </div>
  1545. <div class="glyph">
  1546. <div class="preview-glyphs">
  1547. <i class="step sketchy icon timeline size-12"></i><i class="step sketchy icon timeline size-14"></i><i class="step sketchy icon timeline size-16"></i><i class="step sketchy icon timeline size-18"></i><i class="step sketchy icon timeline size-21"></i><i class="step sketchy icon timeline size-24"></i><i class="step sketchy icon timeline size-36"></i><i class="step sketchy icon timeline size-48"></i><i class="step sketchy icon timeline size-60"></i><i class="step sketchy icon timeline size-72"></i>
  1548. </div>
  1549. <div class="preview-scale">
  1550. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1551. </div>
  1552. <div class="usage">
  1553. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon timeline" />
  1554. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
  1555. </div>
  1556. </div>
  1557. <div class="glyph">
  1558. <div class="preview-glyphs">
  1559. <i class="step sketchy icon trash size-12"></i><i class="step sketchy icon trash size-14"></i><i class="step sketchy icon trash size-16"></i><i class="step sketchy icon trash size-18"></i><i class="step sketchy icon trash size-21"></i><i class="step sketchy icon trash size-24"></i><i class="step sketchy icon trash size-36"></i><i class="step sketchy icon trash size-48"></i><i class="step sketchy icon trash size-60"></i><i class="step sketchy icon trash size-72"></i>
  1560. </div>
  1561. <div class="preview-scale">
  1562. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1563. </div>
  1564. <div class="usage">
  1565. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon trash" />
  1566. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf180;" />
  1567. </div>
  1568. </div>
  1569. <div class="glyph">
  1570. <div class="preview-glyphs">
  1571. <i class="step sketchy icon trophy size-12"></i><i class="step sketchy icon trophy size-14"></i><i class="step sketchy icon trophy size-16"></i><i class="step sketchy icon trophy size-18"></i><i class="step sketchy icon trophy size-21"></i><i class="step sketchy icon trophy size-24"></i><i class="step sketchy icon trophy size-36"></i><i class="step sketchy icon trophy size-48"></i><i class="step sketchy icon trophy size-60"></i><i class="step sketchy icon trophy size-72"></i>
  1572. </div>
  1573. <div class="preview-scale">
  1574. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1575. </div>
  1576. <div class="usage">
  1577. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon trophy" />
  1578. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
  1579. </div>
  1580. </div>
  1581. <div class="glyph">
  1582. <div class="preview-glyphs">
  1583. <i class="step sketchy icon tumblr size-12"></i><i class="step sketchy icon tumblr size-14"></i><i class="step sketchy icon tumblr size-16"></i><i class="step sketchy icon tumblr size-18"></i><i class="step sketchy icon tumblr size-21"></i><i class="step sketchy icon tumblr size-24"></i><i class="step sketchy icon tumblr size-36"></i><i class="step sketchy icon tumblr size-48"></i><i class="step sketchy icon tumblr size-60"></i><i class="step sketchy icon tumblr size-72"></i>
  1584. </div>
  1585. <div class="preview-scale">
  1586. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1587. </div>
  1588. <div class="usage">
  1589. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon tumblr" />
  1590. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
  1591. </div>
  1592. </div>
  1593. <div class="glyph">
  1594. <div class="preview-glyphs">
  1595. <i class="step sketchy icon tumblr filled size-12"></i><i class="step sketchy icon tumblr filled size-14"></i><i class="step sketchy icon tumblr filled size-16"></i><i class="step sketchy icon tumblr filled size-18"></i><i class="step sketchy icon tumblr filled size-21"></i><i class="step sketchy icon tumblr filled size-24"></i><i class="step sketchy icon tumblr filled size-36"></i><i class="step sketchy icon tumblr filled size-48"></i><i class="step sketchy icon tumblr filled size-60"></i><i class="step sketchy icon tumblr filled size-72"></i>
  1596. </div>
  1597. <div class="preview-scale">
  1598. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1599. </div>
  1600. <div class="usage">
  1601. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon tumblr filled" />
  1602. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
  1603. </div>
  1604. </div>
  1605. <div class="glyph">
  1606. <div class="preview-glyphs">
  1607. <i class="step sketchy icon twitter size-12"></i><i class="step sketchy icon twitter size-14"></i><i class="step sketchy icon twitter size-16"></i><i class="step sketchy icon twitter size-18"></i><i class="step sketchy icon twitter size-21"></i><i class="step sketchy icon twitter size-24"></i><i class="step sketchy icon twitter size-36"></i><i class="step sketchy icon twitter size-48"></i><i class="step sketchy icon twitter size-60"></i><i class="step sketchy icon twitter size-72"></i>
  1608. </div>
  1609. <div class="preview-scale">
  1610. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1611. </div>
  1612. <div class="usage">
  1613. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon twitter" />
  1614. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
  1615. </div>
  1616. </div>
  1617. <div class="glyph">
  1618. <div class="preview-glyphs">
  1619. <i class="step sketchy icon twitter filled size-12"></i><i class="step sketchy icon twitter filled size-14"></i><i class="step sketchy icon twitter filled size-16"></i><i class="step sketchy icon twitter filled size-18"></i><i class="step sketchy icon twitter filled size-21"></i><i class="step sketchy icon twitter filled size-24"></i><i class="step sketchy icon twitter filled size-36"></i><i class="step sketchy icon twitter filled size-48"></i><i class="step sketchy icon twitter filled size-60"></i><i class="step sketchy icon twitter filled size-72"></i>
  1620. </div>
  1621. <div class="preview-scale">
  1622. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1623. </div>
  1624. <div class="usage">
  1625. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon twitter filled" />
  1626. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
  1627. </div>
  1628. </div>
  1629. <div class="glyph">
  1630. <div class="preview-glyphs">
  1631. <i class="step sketchy icon vine size-12"></i><i class="step sketchy icon vine size-14"></i><i class="step sketchy icon vine size-16"></i><i class="step sketchy icon vine size-18"></i><i class="step sketchy icon vine size-21"></i><i class="step sketchy icon vine size-24"></i><i class="step sketchy icon vine size-36"></i><i class="step sketchy icon vine size-48"></i><i class="step sketchy icon vine size-60"></i><i class="step sketchy icon vine size-72"></i>
  1632. </div>
  1633. <div class="preview-scale">
  1634. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1635. </div>
  1636. <div class="usage">
  1637. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon vine" />
  1638. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
  1639. </div>
  1640. </div>
  1641. <div class="glyph">
  1642. <div class="preview-glyphs">
  1643. <i class="step sketchy icon vine filled size-12"></i><i class="step sketchy icon vine filled size-14"></i><i class="step sketchy icon vine filled size-16"></i><i class="step sketchy icon vine filled size-18"></i><i class="step sketchy icon vine filled size-21"></i><i class="step sketchy icon vine filled size-24"></i><i class="step sketchy icon vine filled size-36"></i><i class="step sketchy icon vine filled size-48"></i><i class="step sketchy icon vine filled size-60"></i><i class="step sketchy icon vine filled size-72"></i>
  1644. </div>
  1645. <div class="preview-scale">
  1646. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1647. </div>
  1648. <div class="usage">
  1649. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon vine filled" />
  1650. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
  1651. </div>
  1652. </div>
  1653. <div class="glyph">
  1654. <div class="preview-glyphs">
  1655. <i class="step sketchy icon vote down size-12"></i><i class="step sketchy icon vote down size-14"></i><i class="step sketchy icon vote down size-16"></i><i class="step sketchy icon vote down size-18"></i><i class="step sketchy icon vote down size-21"></i><i class="step sketchy icon vote down size-24"></i><i class="step sketchy icon vote down size-36"></i><i class="step sketchy icon vote down size-48"></i><i class="step sketchy icon vote down size-60"></i><i class="step sketchy icon vote down size-72"></i>
  1656. </div>
  1657. <div class="preview-scale">
  1658. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1659. </div>
  1660. <div class="usage">
  1661. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon vote down" />
  1662. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
  1663. </div>
  1664. </div>
  1665. <div class="glyph">
  1666. <div class="preview-glyphs">
  1667. <i class="step sketchy icon vote up size-12"></i><i class="step sketchy icon vote up size-14"></i><i class="step sketchy icon vote up size-16"></i><i class="step sketchy icon vote up size-18"></i><i class="step sketchy icon vote up size-21"></i><i class="step sketchy icon vote up size-24"></i><i class="step sketchy icon vote up size-36"></i><i class="step sketchy icon vote up size-48"></i><i class="step sketchy icon vote up size-60"></i><i class="step sketchy icon vote up size-72"></i>
  1668. </div>
  1669. <div class="preview-scale">
  1670. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1671. </div>
  1672. <div class="usage">
  1673. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon vote up" />
  1674. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
  1675. </div>
  1676. </div>
  1677. <div class="glyph">
  1678. <div class="preview-glyphs">
  1679. <i class="step sketchy icon x size-12"></i><i class="step sketchy icon x size-14"></i><i class="step sketchy icon x size-16"></i><i class="step sketchy icon x size-18"></i><i class="step sketchy icon x size-21"></i><i class="step sketchy icon x size-24"></i><i class="step sketchy icon x size-36"></i><i class="step sketchy icon x size-48"></i><i class="step sketchy icon x size-60"></i><i class="step sketchy icon x size-72"></i>
  1680. </div>
  1681. <div class="preview-scale">
  1682. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1683. </div>
  1684. <div class="usage">
  1685. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon x" />
  1686. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17c;" />
  1687. </div>
  1688. </div>
  1689. <div class="glyph">
  1690. <div class="preview-glyphs">
  1691. <i class="step sketchy icon x circle size-12"></i><i class="step sketchy icon x circle size-14"></i><i class="step sketchy icon x circle size-16"></i><i class="step sketchy icon x circle size-18"></i><i class="step sketchy icon x circle size-21"></i><i class="step sketchy icon x circle size-24"></i><i class="step sketchy icon x circle size-36"></i><i class="step sketchy icon x circle size-48"></i><i class="step sketchy icon x circle size-60"></i><i class="step sketchy icon x circle size-72"></i>
  1692. </div>
  1693. <div class="preview-scale">
  1694. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1695. </div>
  1696. <div class="usage">
  1697. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon x circle" />
  1698. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
  1699. </div>
  1700. </div>
  1701. <div class="glyph">
  1702. <div class="preview-glyphs">
  1703. <i class="step sketchy icon youtube size-12"></i><i class="step sketchy icon youtube size-14"></i><i class="step sketchy icon youtube size-16"></i><i class="step sketchy icon youtube size-18"></i><i class="step sketchy icon youtube size-21"></i><i class="step sketchy icon youtube size-24"></i><i class="step sketchy icon youtube size-36"></i><i class="step sketchy icon youtube size-48"></i><i class="step sketchy icon youtube size-60"></i><i class="step sketchy icon youtube size-72"></i>
  1704. </div>
  1705. <div class="preview-scale">
  1706. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1707. </div>
  1708. <div class="usage">
  1709. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon youtube" />
  1710. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf183;" />
  1711. </div>
  1712. </div>
  1713. <div class="glyph">
  1714. <div class="preview-glyphs">
  1715. <i class="step sketchy icon youtube filled size-12"></i><i class="step sketchy icon youtube filled size-14"></i><i class="step sketchy icon youtube filled size-16"></i><i class="step sketchy icon youtube filled size-18"></i><i class="step sketchy icon youtube filled size-21"></i><i class="step sketchy icon youtube filled size-24"></i><i class="step sketchy icon youtube filled size-36"></i><i class="step sketchy icon youtube filled size-48"></i><i class="step sketchy icon youtube filled size-60"></i><i class="step sketchy icon youtube filled size-72"></i>
  1716. </div>
  1717. <div class="preview-scale">
  1718. <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
  1719. </div>
  1720. <div class="usage">
  1721. <input class="class" type="text" readonly="readonly" onClick="this.select();" value="sketchy icon youtube filled" />
  1722. <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
  1723. </div>
  1724. </div>
  1725. <div class="footer">
  1726. Made with love using <a href="http://fontcustom.com">Font Custom</a>.
  1727. </div>
  1728. </div>
  1729. </body>
  1730. </html>