rbbt-rest 1.2.33 → 1.2.34

Sign up to get free protection for your applications and to get access to all the features.
Files changed (316) hide show
  1. checksums.yaml +8 -8
  2. data/lib/rbbt/rest/entity/action_card.rb +9 -1
  3. data/lib/rbbt/rest/entity/helpers.rb +3 -0
  4. data/lib/rbbt/rest/entity/locate.rb +1 -1
  5. data/share/views/compass/actions.sass +7 -2
  6. data/share/views/compass/layout.sass +1 -0
  7. data/share/views/compass/rbbt/form.sass +4 -0
  8. data/share/views/entity_partials/action_card.haml +10 -0
  9. data/share/views/entity_partials/action_controller.haml +15 -10
  10. data/share/views/layout.haml +2 -1
  11. data/share/views/layout/top_menu.haml +1 -1
  12. data/share/views/layout/top_menu/favourites.haml +1 -1
  13. data/share/views/partials/form.haml +5 -0
  14. data/share/views/public/js/rbbt/actions.js +27 -1
  15. data/share/views/public/js/rbbt/favourites.js +1 -1
  16. data/share/views/public/js/rbbt/modal.js +3 -3
  17. data/share/views/public/plugins/foundation-icons/foundation-icons.css +594 -0
  18. data/share/views/public/plugins/foundation-icons/foundation-icons.eot +0 -0
  19. data/share/views/public/plugins/foundation-icons/foundation-icons.svg +970 -0
  20. data/share/views/public/plugins/foundation-icons/foundation-icons.ttf +0 -0
  21. data/share/views/public/plugins/foundation-icons/foundation-icons.woff +0 -0
  22. data/share/views/public/plugins/foundation-icons/preview.html +3798 -0
  23. data/share/views/public/plugins/foundation-icons/svgs/fi-address-book.svg +14 -0
  24. data/share/views/public/plugins/foundation-icons/svgs/fi-alert.svg +17 -0
  25. data/share/views/public/plugins/foundation-icons/svgs/fi-align-center.svg +16 -0
  26. data/share/views/public/plugins/foundation-icons/svgs/fi-align-justify.svg +16 -0
  27. data/share/views/public/plugins/foundation-icons/svgs/fi-align-left.svg +17 -0
  28. data/share/views/public/plugins/foundation-icons/svgs/fi-align-right.svg +17 -0
  29. data/share/views/public/plugins/foundation-icons/svgs/fi-anchor.svg +20 -0
  30. data/share/views/public/plugins/foundation-icons/svgs/fi-annotate.svg +15 -0
  31. data/share/views/public/plugins/foundation-icons/svgs/fi-archive.svg +18 -0
  32. data/share/views/public/plugins/foundation-icons/svgs/fi-arrow-down.svg +12 -0
  33. data/share/views/public/plugins/foundation-icons/svgs/fi-arrow-left.svg +12 -0
  34. data/share/views/public/plugins/foundation-icons/svgs/fi-arrow-right.svg +12 -0
  35. data/share/views/public/plugins/foundation-icons/svgs/fi-arrow-up.svg +12 -0
  36. data/share/views/public/plugins/foundation-icons/svgs/fi-arrows-compress.svg +20 -0
  37. data/share/views/public/plugins/foundation-icons/svgs/fi-arrows-expand.svg +20 -0
  38. data/share/views/public/plugins/foundation-icons/svgs/fi-arrows-in.svg +32 -0
  39. data/share/views/public/plugins/foundation-icons/svgs/fi-arrows-out.svg +32 -0
  40. data/share/views/public/plugins/foundation-icons/svgs/fi-asl.svg +52 -0
  41. data/share/views/public/plugins/foundation-icons/svgs/fi-asterisk.svg +20 -0
  42. data/share/views/public/plugins/foundation-icons/svgs/fi-at-sign.svg +19 -0
  43. data/share/views/public/plugins/foundation-icons/svgs/fi-background-color.svg +13 -0
  44. data/share/views/public/plugins/foundation-icons/svgs/fi-battery-empty.svg +12 -0
  45. data/share/views/public/plugins/foundation-icons/svgs/fi-battery-full.svg +13 -0
  46. data/share/views/public/plugins/foundation-icons/svgs/fi-battery-half.svg +13 -0
  47. data/share/views/public/plugins/foundation-icons/svgs/fi-bitcoin-circle.svg +21 -0
  48. data/share/views/public/plugins/foundation-icons/svgs/fi-bitcoin.svg +23 -0
  49. data/share/views/public/plugins/foundation-icons/svgs/fi-blind.svg +20 -0
  50. data/share/views/public/plugins/foundation-icons/svgs/fi-bluetooth.svg +18 -0
  51. data/share/views/public/plugins/foundation-icons/svgs/fi-bold.svg +13 -0
  52. data/share/views/public/plugins/foundation-icons/svgs/fi-book-bookmark.svg +18 -0
  53. data/share/views/public/plugins/foundation-icons/svgs/fi-book.svg +17 -0
  54. data/share/views/public/plugins/foundation-icons/svgs/fi-bookmark.svg +12 -0
  55. data/share/views/public/plugins/foundation-icons/svgs/fi-braille.svg +14 -0
  56. data/share/views/public/plugins/foundation-icons/svgs/fi-burst-new.svg +25 -0
  57. data/share/views/public/plugins/foundation-icons/svgs/fi-burst-sale.svg +29 -0
  58. data/share/views/public/plugins/foundation-icons/svgs/fi-burst.svg +21 -0
  59. data/share/views/public/plugins/foundation-icons/svgs/fi-calendar.svg +29 -0
  60. data/share/views/public/plugins/foundation-icons/svgs/fi-camera.svg +14 -0
  61. data/share/views/public/plugins/foundation-icons/svgs/fi-check.svg +10 -0
  62. data/share/views/public/plugins/foundation-icons/svgs/fi-checkbox.svg +19 -0
  63. data/share/views/public/plugins/foundation-icons/svgs/fi-clipboard-notes.svg +32 -0
  64. data/share/views/public/plugins/foundation-icons/svgs/fi-clipboard-pencil.svg +21 -0
  65. data/share/views/public/plugins/foundation-icons/svgs/fi-clipboard.svg +17 -0
  66. data/share/views/public/plugins/foundation-icons/svgs/fi-clock.svg +17 -0
  67. data/share/views/public/plugins/foundation-icons/svgs/fi-closed-caption.svg +21 -0
  68. data/share/views/public/plugins/foundation-icons/svgs/fi-cloud.svg +12 -0
  69. data/share/views/public/plugins/foundation-icons/svgs/fi-comment-minus.svg +18 -0
  70. data/share/views/public/plugins/foundation-icons/svgs/fi-comment-quotes.svg +29 -0
  71. data/share/views/public/plugins/foundation-icons/svgs/fi-comment-video.svg +13 -0
  72. data/share/views/public/plugins/foundation-icons/svgs/fi-comment.svg +11 -0
  73. data/share/views/public/plugins/foundation-icons/svgs/fi-comments.svg +14 -0
  74. data/share/views/public/plugins/foundation-icons/svgs/fi-compass.svg +15 -0
  75. data/share/views/public/plugins/foundation-icons/svgs/fi-contrast.svg +11 -0
  76. data/share/views/public/plugins/foundation-icons/svgs/fi-credit-card.svg +13 -0
  77. data/share/views/public/plugins/foundation-icons/svgs/fi-crop.svg +14 -0
  78. data/share/views/public/plugins/foundation-icons/svgs/fi-crown.svg +21 -0
  79. data/share/views/public/plugins/foundation-icons/svgs/fi-css3.svg +12 -0
  80. data/share/views/public/plugins/foundation-icons/svgs/fi-database.svg +26 -0
  81. data/share/views/public/plugins/foundation-icons/svgs/fi-die-five.svg +17 -0
  82. data/share/views/public/plugins/foundation-icons/svgs/fi-die-four.svg +16 -0
  83. data/share/views/public/plugins/foundation-icons/svgs/fi-die-one.svg +11 -0
  84. data/share/views/public/plugins/foundation-icons/svgs/fi-die-six.svg +18 -0
  85. data/share/views/public/plugins/foundation-icons/svgs/fi-die-three.svg +14 -0
  86. data/share/views/public/plugins/foundation-icons/svgs/fi-die-two.svg +13 -0
  87. data/share/views/public/plugins/foundation-icons/svgs/fi-dislike.svg +18 -0
  88. data/share/views/public/plugins/foundation-icons/svgs/fi-dollar-bill.svg +31 -0
  89. data/share/views/public/plugins/foundation-icons/svgs/fi-dollar.svg +18 -0
  90. data/share/views/public/plugins/foundation-icons/svgs/fi-download.svg +15 -0
  91. data/share/views/public/plugins/foundation-icons/svgs/fi-eject.svg +16 -0
  92. data/share/views/public/plugins/foundation-icons/svgs/fi-elevator.svg +35 -0
  93. data/share/views/public/plugins/foundation-icons/svgs/fi-euro.svg +23 -0
  94. data/share/views/public/plugins/foundation-icons/svgs/fi-eye.svg +15 -0
  95. data/share/views/public/plugins/foundation-icons/svgs/fi-fast-forward.svg +13 -0
  96. data/share/views/public/plugins/foundation-icons/svgs/fi-female-symbol.svg +18 -0
  97. data/share/views/public/plugins/foundation-icons/svgs/fi-female.svg +21 -0
  98. data/share/views/public/plugins/foundation-icons/svgs/fi-filter.svg +13 -0
  99. data/share/views/public/plugins/foundation-icons/svgs/fi-first-aid.svg +19 -0
  100. data/share/views/public/plugins/foundation-icons/svgs/fi-flag.svg +14 -0
  101. data/share/views/public/plugins/foundation-icons/svgs/fi-folder-add.svg +16 -0
  102. data/share/views/public/plugins/foundation-icons/svgs/fi-folder-lock.svg +16 -0
  103. data/share/views/public/plugins/foundation-icons/svgs/fi-folder.svg +11 -0
  104. data/share/views/public/plugins/foundation-icons/svgs/fi-foot.svg +16 -0
  105. data/share/views/public/plugins/foundation-icons/svgs/fi-foundation.svg +42 -0
  106. data/share/views/public/plugins/foundation-icons/svgs/fi-graph-bar.svg +24 -0
  107. data/share/views/public/plugins/foundation-icons/svgs/fi-graph-horizontal.svg +20 -0
  108. data/share/views/public/plugins/foundation-icons/svgs/fi-graph-pie.svg +19 -0
  109. data/share/views/public/plugins/foundation-icons/svgs/fi-graph-trend.svg +22 -0
  110. data/share/views/public/plugins/foundation-icons/svgs/fi-guide-dog.svg +25 -0
  111. data/share/views/public/plugins/foundation-icons/svgs/fi-hearing-aid.svg +30 -0
  112. data/share/views/public/plugins/foundation-icons/svgs/fi-heart.svg +11 -0
  113. data/share/views/public/plugins/foundation-icons/svgs/fi-home.svg +9 -0
  114. data/share/views/public/plugins/foundation-icons/svgs/fi-html5.svg +12 -0
  115. data/share/views/public/plugins/foundation-icons/svgs/fi-indent-less.svg +19 -0
  116. data/share/views/public/plugins/foundation-icons/svgs/fi-indent-more.svg +19 -0
  117. data/share/views/public/plugins/foundation-icons/svgs/fi-info.svg +13 -0
  118. data/share/views/public/plugins/foundation-icons/svgs/fi-italic.svg +12 -0
  119. data/share/views/public/plugins/foundation-icons/svgs/fi-key.svg +16 -0
  120. data/share/views/public/plugins/foundation-icons/svgs/fi-laptop.svg +15 -0
  121. data/share/views/public/plugins/foundation-icons/svgs/fi-layout.svg +15 -0
  122. data/share/views/public/plugins/foundation-icons/svgs/fi-lightbulb.svg +31 -0
  123. data/share/views/public/plugins/foundation-icons/svgs/fi-like.svg +17 -0
  124. data/share/views/public/plugins/foundation-icons/svgs/fi-link.svg +18 -0
  125. data/share/views/public/plugins/foundation-icons/svgs/fi-list-bullet.svg +17 -0
  126. data/share/views/public/plugins/foundation-icons/svgs/fi-list-number.svg +23 -0
  127. data/share/views/public/plugins/foundation-icons/svgs/fi-list-thumbnails.svg +26 -0
  128. data/share/views/public/plugins/foundation-icons/svgs/fi-list.svg +17 -0
  129. data/share/views/public/plugins/foundation-icons/svgs/fi-lock.svg +11 -0
  130. data/share/views/public/plugins/foundation-icons/svgs/fi-loop.svg +20 -0
  131. data/share/views/public/plugins/foundation-icons/svgs/fi-magnifying-glass.svg +13 -0
  132. data/share/views/public/plugins/foundation-icons/svgs/fi-mail.svg +21 -0
  133. data/share/views/public/plugins/foundation-icons/svgs/fi-male-female.svg +34 -0
  134. data/share/views/public/plugins/foundation-icons/svgs/fi-male-symbol.svg +17 -0
  135. data/share/views/public/plugins/foundation-icons/svgs/fi-male.svg +17 -0
  136. data/share/views/public/plugins/foundation-icons/svgs/fi-map.svg +19 -0
  137. data/share/views/public/plugins/foundation-icons/svgs/fi-marker.svg +13 -0
  138. data/share/views/public/plugins/foundation-icons/svgs/fi-megaphone.svg +20 -0
  139. data/share/views/public/plugins/foundation-icons/svgs/fi-microphone.svg +16 -0
  140. data/share/views/public/plugins/foundation-icons/svgs/fi-minus-circle.svg +15 -0
  141. data/share/views/public/plugins/foundation-icons/svgs/fi-minus.svg +8 -0
  142. data/share/views/public/plugins/foundation-icons/svgs/fi-mobile-signal.svg +29 -0
  143. data/share/views/public/plugins/foundation-icons/svgs/fi-mobile.svg +12 -0
  144. data/share/views/public/plugins/foundation-icons/svgs/fi-monitor.svg +12 -0
  145. data/share/views/public/plugins/foundation-icons/svgs/fi-mountains.svg +13 -0
  146. data/share/views/public/plugins/foundation-icons/svgs/fi-music.svg +12 -0
  147. data/share/views/public/plugins/foundation-icons/svgs/fi-next.svg +15 -0
  148. data/share/views/public/plugins/foundation-icons/svgs/fi-no-dogs.svg +23 -0
  149. data/share/views/public/plugins/foundation-icons/svgs/fi-no-smoking.svg +22 -0
  150. data/share/views/public/plugins/foundation-icons/svgs/fi-page-add.svg +20 -0
  151. data/share/views/public/plugins/foundation-icons/svgs/fi-page-copy.svg +15 -0
  152. data/share/views/public/plugins/foundation-icons/svgs/fi-page-csv.svg +19 -0
  153. data/share/views/public/plugins/foundation-icons/svgs/fi-page-delete.svg +21 -0
  154. data/share/views/public/plugins/foundation-icons/svgs/fi-page-doc.svg +19 -0
  155. data/share/views/public/plugins/foundation-icons/svgs/fi-page-edit.svg +20 -0
  156. data/share/views/public/plugins/foundation-icons/svgs/fi-page-export-csv.svg +25 -0
  157. data/share/views/public/plugins/foundation-icons/svgs/fi-page-export-doc.svg +25 -0
  158. data/share/views/public/plugins/foundation-icons/svgs/fi-page-export-pdf.svg +23 -0
  159. data/share/views/public/plugins/foundation-icons/svgs/fi-page-export.svg +17 -0
  160. data/share/views/public/plugins/foundation-icons/svgs/fi-page-filled.svg +13 -0
  161. data/share/views/public/plugins/foundation-icons/svgs/fi-page-multiple.svg +14 -0
  162. data/share/views/public/plugins/foundation-icons/svgs/fi-page-pdf.svg +17 -0
  163. data/share/views/public/plugins/foundation-icons/svgs/fi-page-remove.svg +19 -0
  164. data/share/views/public/plugins/foundation-icons/svgs/fi-page-search.svg +17 -0
  165. data/share/views/public/plugins/foundation-icons/svgs/fi-page.svg +11 -0
  166. data/share/views/public/plugins/foundation-icons/svgs/fi-paint-bucket.svg +17 -0
  167. data/share/views/public/plugins/foundation-icons/svgs/fi-paperclip.svg +17 -0
  168. data/share/views/public/plugins/foundation-icons/svgs/fi-pause.svg +16 -0
  169. data/share/views/public/plugins/foundation-icons/svgs/fi-paw.svg +17 -0
  170. data/share/views/public/plugins/foundation-icons/svgs/fi-paypal.svg +20 -0
  171. data/share/views/public/plugins/foundation-icons/svgs/fi-pencil.svg +12 -0
  172. data/share/views/public/plugins/foundation-icons/svgs/fi-photo.svg +15 -0
  173. data/share/views/public/plugins/foundation-icons/svgs/fi-play-circle.svg +15 -0
  174. data/share/views/public/plugins/foundation-icons/svgs/fi-play-video.svg +18 -0
  175. data/share/views/public/plugins/foundation-icons/svgs/fi-play.svg +11 -0
  176. data/share/views/public/plugins/foundation-icons/svgs/fi-plus.svg +11 -0
  177. data/share/views/public/plugins/foundation-icons/svgs/fi-pound.svg +23 -0
  178. data/share/views/public/plugins/foundation-icons/svgs/fi-power.svg +20 -0
  179. data/share/views/public/plugins/foundation-icons/svgs/fi-previous.svg +15 -0
  180. data/share/views/public/plugins/foundation-icons/svgs/fi-price-tag.svg +16 -0
  181. data/share/views/public/plugins/foundation-icons/svgs/fi-pricetag-multiple.svg +20 -0
  182. data/share/views/public/plugins/foundation-icons/svgs/fi-print.svg +13 -0
  183. data/share/views/public/plugins/foundation-icons/svgs/fi-prohibited.svg +12 -0
  184. data/share/views/public/plugins/foundation-icons/svgs/fi-projection-screen.svg +15 -0
  185. data/share/views/public/plugins/foundation-icons/svgs/fi-puzzle.svg +24 -0
  186. data/share/views/public/plugins/foundation-icons/svgs/fi-quote.svg +28 -0
  187. data/share/views/public/plugins/foundation-icons/svgs/fi-record.svg +11 -0
  188. data/share/views/public/plugins/foundation-icons/svgs/fi-refresh.svg +13 -0
  189. data/share/views/public/plugins/foundation-icons/svgs/fi-results-demographics.svg +27 -0
  190. data/share/views/public/plugins/foundation-icons/svgs/fi-results.svg +42 -0
  191. data/share/views/public/plugins/foundation-icons/svgs/fi-rewind-ten.svg +23 -0
  192. data/share/views/public/plugins/foundation-icons/svgs/fi-rewind.svg +12 -0
  193. data/share/views/public/plugins/foundation-icons/svgs/fi-rss.svg +18 -0
  194. data/share/views/public/plugins/foundation-icons/svgs/fi-safety-cone.svg +14 -0
  195. data/share/views/public/plugins/foundation-icons/svgs/fi-save.svg +18 -0
  196. data/share/views/public/plugins/foundation-icons/svgs/fi-share.svg +14 -0
  197. data/share/views/public/plugins/foundation-icons/svgs/fi-sheriff-badge.svg +17 -0
  198. data/share/views/public/plugins/foundation-icons/svgs/fi-shield.svg +11 -0
  199. data/share/views/public/plugins/foundation-icons/svgs/fi-shopping-bag.svg +12 -0
  200. data/share/views/public/plugins/foundation-icons/svgs/fi-shopping-cart.svg +16 -0
  201. data/share/views/public/plugins/foundation-icons/svgs/fi-shuffle.svg +21 -0
  202. data/share/views/public/plugins/foundation-icons/svgs/fi-skull.svg +22 -0
  203. data/share/views/public/plugins/foundation-icons/svgs/fi-social-500px.svg +30 -0
  204. data/share/views/public/plugins/foundation-icons/svgs/fi-social-adobe.svg +11 -0
  205. data/share/views/public/plugins/foundation-icons/svgs/fi-social-amazon.svg +28 -0
  206. data/share/views/public/plugins/foundation-icons/svgs/fi-social-android.svg +25 -0
  207. data/share/views/public/plugins/foundation-icons/svgs/fi-social-apple.svg +15 -0
  208. data/share/views/public/plugins/foundation-icons/svgs/fi-social-behance.svg +26 -0
  209. data/share/views/public/plugins/foundation-icons/svgs/fi-social-bing.svg +14 -0
  210. data/share/views/public/plugins/foundation-icons/svgs/fi-social-blogger.svg +17 -0
  211. data/share/views/public/plugins/foundation-icons/svgs/fi-social-delicious.svg +9 -0
  212. data/share/views/public/plugins/foundation-icons/svgs/fi-social-designer-news.svg +22 -0
  213. data/share/views/public/plugins/foundation-icons/svgs/fi-social-deviant-art.svg +20 -0
  214. data/share/views/public/plugins/foundation-icons/svgs/fi-social-digg.svg +39 -0
  215. data/share/views/public/plugins/foundation-icons/svgs/fi-social-dribbble.svg +20 -0
  216. data/share/views/public/plugins/foundation-icons/svgs/fi-social-drive.svg +11 -0
  217. data/share/views/public/plugins/foundation-icons/svgs/fi-social-dropbox.svg +14 -0
  218. data/share/views/public/plugins/foundation-icons/svgs/fi-social-evernote.svg +24 -0
  219. data/share/views/public/plugins/foundation-icons/svgs/fi-social-facebook.svg +11 -0
  220. data/share/views/public/plugins/foundation-icons/svgs/fi-social-flickr.svg +12 -0
  221. data/share/views/public/plugins/foundation-icons/svgs/fi-social-forrst.svg +11 -0
  222. data/share/views/public/plugins/foundation-icons/svgs/fi-social-foursquare.svg +17 -0
  223. data/share/views/public/plugins/foundation-icons/svgs/fi-social-game-center.svg +18 -0
  224. data/share/views/public/plugins/foundation-icons/svgs/fi-social-github.svg +17 -0
  225. data/share/views/public/plugins/foundation-icons/svgs/fi-social-google-plus.svg +28 -0
  226. data/share/views/public/plugins/foundation-icons/svgs/fi-social-hacker-news.svg +11 -0
  227. data/share/views/public/plugins/foundation-icons/svgs/fi-social-hi5.svg +20 -0
  228. data/share/views/public/plugins/foundation-icons/svgs/fi-social-instagram.svg +19 -0
  229. data/share/views/public/plugins/foundation-icons/svgs/fi-social-joomla.svg +30 -0
  230. data/share/views/public/plugins/foundation-icons/svgs/fi-social-lastfm.svg +16 -0
  231. data/share/views/public/plugins/foundation-icons/svgs/fi-social-linkedin.svg +14 -0
  232. data/share/views/public/plugins/foundation-icons/svgs/fi-social-medium.svg +13 -0
  233. data/share/views/public/plugins/foundation-icons/svgs/fi-social-myspace.svg +19 -0
  234. data/share/views/public/plugins/foundation-icons/svgs/fi-social-orkut.svg +13 -0
  235. data/share/views/public/plugins/foundation-icons/svgs/fi-social-path.svg +11 -0
  236. data/share/views/public/plugins/foundation-icons/svgs/fi-social-picasa.svg +18 -0
  237. data/share/views/public/plugins/foundation-icons/svgs/fi-social-pinterest.svg +17 -0
  238. data/share/views/public/plugins/foundation-icons/svgs/fi-social-rdio.svg +12 -0
  239. data/share/views/public/plugins/foundation-icons/svgs/fi-social-reddit.svg +20 -0
  240. data/share/views/public/plugins/foundation-icons/svgs/fi-social-skillshare.svg +33 -0
  241. data/share/views/public/plugins/foundation-icons/svgs/fi-social-skype.svg +26 -0
  242. data/share/views/public/plugins/foundation-icons/svgs/fi-social-smashing-mag.svg +35 -0
  243. data/share/views/public/plugins/foundation-icons/svgs/fi-social-snapchat.svg +24 -0
  244. data/share/views/public/plugins/foundation-icons/svgs/fi-social-spotify.svg +23 -0
  245. data/share/views/public/plugins/foundation-icons/svgs/fi-social-squidoo.svg +32 -0
  246. data/share/views/public/plugins/foundation-icons/svgs/fi-social-stack-overflow.svg +21 -0
  247. data/share/views/public/plugins/foundation-icons/svgs/fi-social-steam.svg +18 -0
  248. data/share/views/public/plugins/foundation-icons/svgs/fi-social-stumbleupon.svg +17 -0
  249. data/share/views/public/plugins/foundation-icons/svgs/fi-social-treehouse.svg +24 -0
  250. data/share/views/public/plugins/foundation-icons/svgs/fi-social-tumblr.svg +16 -0
  251. data/share/views/public/plugins/foundation-icons/svgs/fi-social-twitter.svg +14 -0
  252. data/share/views/public/plugins/foundation-icons/svgs/fi-social-vimeo.svg +23 -0
  253. data/share/views/public/plugins/foundation-icons/svgs/fi-social-windows.svg +12 -0
  254. data/share/views/public/plugins/foundation-icons/svgs/fi-social-xbox.svg +16 -0
  255. data/share/views/public/plugins/foundation-icons/svgs/fi-social-yahoo.svg +26 -0
  256. data/share/views/public/plugins/foundation-icons/svgs/fi-social-yelp.svg +23 -0
  257. data/share/views/public/plugins/foundation-icons/svgs/fi-social-youtube.svg +41 -0
  258. data/share/views/public/plugins/foundation-icons/svgs/fi-social-zerply.svg +15 -0
  259. data/share/views/public/plugins/foundation-icons/svgs/fi-social-zurb.svg +16 -0
  260. data/share/views/public/plugins/foundation-icons/svgs/fi-sound.svg +49 -0
  261. data/share/views/public/plugins/foundation-icons/svgs/fi-star.svg +11 -0
  262. data/share/views/public/plugins/foundation-icons/svgs/fi-stop.svg +12 -0
  263. data/share/views/public/plugins/foundation-icons/svgs/fi-strikethrough.svg +23 -0
  264. data/share/views/public/plugins/foundation-icons/svgs/fi-subscript.svg +21 -0
  265. data/share/views/public/plugins/foundation-icons/svgs/fi-superscript.svg +21 -0
  266. data/share/views/public/plugins/foundation-icons/svgs/fi-tablet-landscape.svg +13 -0
  267. data/share/views/public/plugins/foundation-icons/svgs/fi-tablet-portrait.svg +13 -0
  268. data/share/views/public/plugins/foundation-icons/svgs/fi-target-two.svg +17 -0
  269. data/share/views/public/plugins/foundation-icons/svgs/fi-target.svg +15 -0
  270. data/share/views/public/plugins/foundation-icons/svgs/fi-telephone-accessible.svg +44 -0
  271. data/share/views/public/plugins/foundation-icons/svgs/fi-telephone.svg +15 -0
  272. data/share/views/public/plugins/foundation-icons/svgs/fi-text-color.svg +16 -0
  273. data/share/views/public/plugins/foundation-icons/svgs/fi-thumbnails.svg +35 -0
  274. data/share/views/public/plugins/foundation-icons/svgs/fi-ticket.svg +20 -0
  275. data/share/views/public/plugins/foundation-icons/svgs/fi-torso-business.svg +19 -0
  276. data/share/views/public/plugins/foundation-icons/svgs/fi-torso-female.svg +16 -0
  277. data/share/views/public/plugins/foundation-icons/svgs/fi-torso.svg +13 -0
  278. data/share/views/public/plugins/foundation-icons/svgs/fi-torsos-all-female.svg +21 -0
  279. data/share/views/public/plugins/foundation-icons/svgs/fi-torsos-all.svg +21 -0
  280. data/share/views/public/plugins/foundation-icons/svgs/fi-torsos-female-male.svg +19 -0
  281. data/share/views/public/plugins/foundation-icons/svgs/fi-torsos-male-female.svg +23 -0
  282. data/share/views/public/plugins/foundation-icons/svgs/fi-torsos.svg +17 -0
  283. data/share/views/public/plugins/foundation-icons/svgs/fi-trash.svg +17 -0
  284. data/share/views/public/plugins/foundation-icons/svgs/fi-trees.svg +22 -0
  285. data/share/views/public/plugins/foundation-icons/svgs/fi-trophy.svg +17 -0
  286. data/share/views/public/plugins/foundation-icons/svgs/fi-underline.svg +14 -0
  287. data/share/views/public/plugins/foundation-icons/svgs/fi-universal-access.svg +22 -0
  288. data/share/views/public/plugins/foundation-icons/svgs/fi-unlink.svg +37 -0
  289. data/share/views/public/plugins/foundation-icons/svgs/fi-unlock.svg +11 -0
  290. data/share/views/public/plugins/foundation-icons/svgs/fi-upload-cloud.svg +19 -0
  291. data/share/views/public/plugins/foundation-icons/svgs/fi-upload.svg +15 -0
  292. data/share/views/public/plugins/foundation-icons/svgs/fi-usb.svg +14 -0
  293. data/share/views/public/plugins/foundation-icons/svgs/fi-video.svg +8 -0
  294. data/share/views/public/plugins/foundation-icons/svgs/fi-volume-none.svg +12 -0
  295. data/share/views/public/plugins/foundation-icons/svgs/fi-volume-strike.svg +27 -0
  296. data/share/views/public/plugins/foundation-icons/svgs/fi-volume.svg +26 -0
  297. data/share/views/public/plugins/foundation-icons/svgs/fi-web.svg +16 -0
  298. data/share/views/public/plugins/foundation-icons/svgs/fi-wheelchair.svg +21 -0
  299. data/share/views/public/plugins/foundation-icons/svgs/fi-widget.svg +21 -0
  300. data/share/views/public/plugins/foundation-icons/svgs/fi-wrench.svg +17 -0
  301. data/share/views/public/plugins/foundation-icons/svgs/fi-x-circle.svg +19 -0
  302. data/share/views/public/plugins/foundation-icons/svgs/fi-x.svg +12 -0
  303. data/share/views/public/plugins/foundation-icons/svgs/fi-yen.svg +20 -0
  304. data/share/views/public/plugins/foundation-icons/svgs/fi-zoom-in.svg +23 -0
  305. data/share/views/public/plugins/foundation-icons/svgs/fi-zoom-out.svg +19 -0
  306. metadata +291 -12
  307. data/share/views/public/plugins/zurb-icons/foundation_icons_general/demo.html +0 -188
  308. data/share/views/public/plugins/zurb-icons/foundation_icons_general/fonts/general_foundicons.eot +0 -0
  309. data/share/views/public/plugins/zurb-icons/foundation_icons_general/fonts/general_foundicons.svg +0 -15
  310. data/share/views/public/plugins/zurb-icons/foundation_icons_general/fonts/general_foundicons.ttf +0 -0
  311. data/share/views/public/plugins/zurb-icons/foundation_icons_general/fonts/general_foundicons.woff +0 -0
  312. data/share/views/public/plugins/zurb-icons/foundation_icons_general/sass/_settings.scss +0 -28
  313. data/share/views/public/plugins/zurb-icons/foundation_icons_general/sass/general_foundicons.scss +0 -71
  314. data/share/views/public/plugins/zurb-icons/foundation_icons_general/sass/general_foundicons_ie7.scss +0 -56
  315. data/share/views/public/plugins/zurb-icons/foundation_icons_general/stylesheets/general_foundicons.css +0 -216
  316. data/share/views/public/plugins/zurb-icons/foundation_icons_general/stylesheets/general_foundicons_ie7.css +0 -194
@@ -0,0 +1,3798 @@
1
+
2
+ <!DOCTYPE html>
3
+ <html>
4
+ <head>
5
+ <title>Foundation Icons glyphs preview</title>
6
+ <link rel="stylesheet" href="foundation-icons.css" />
7
+
8
+ <style>
9
+ * {
10
+ -moz-box-sizing: border-box;
11
+ -webkit-box-sizing: border-box;
12
+ box-sizing: border-box;
13
+ margin: 0;
14
+ padding: 0;
15
+ }
16
+
17
+ body {
18
+ background: #fff;
19
+ color: #444;
20
+ font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
21
+ }
22
+
23
+ a,
24
+ a:visited {
25
+ color: #888;
26
+ text-decoration: underline;
27
+ }
28
+ a:hover,
29
+ a:focus { color: #000; }
30
+
31
+ h1 {
32
+ border-bottom: 2px solid #ddd;
33
+ color: #888;
34
+ font-size: 36px;
35
+ font-weight: 300;
36
+ margin-bottom: 20px;
37
+ padding: 20px 0;
38
+ }
39
+
40
+ .container {
41
+ margin: 0 auto;
42
+ min-width: 880px;
43
+ padding: 0 40px;
44
+ width: 80%;
45
+ }
46
+
47
+ .glyph {
48
+ border-bottom: 1px dotted #ccc;
49
+ padding: 10px 0 20px;
50
+ margin-bottom: 20px;
51
+ }
52
+
53
+ .preview-glyphs { vertical-align: bottom; }
54
+
55
+ .preview-scale {
56
+ color: #888;
57
+ font-size: 12px;
58
+ margin-top: 5px;
59
+ }
60
+
61
+ .step {
62
+ display: inline-block;
63
+ line-height: 1;
64
+ width: 10%;
65
+ }
66
+
67
+
68
+ .size-12 { font-size: 12px; }
69
+
70
+ .size-14 { font-size: 14px; }
71
+
72
+ .size-16 { font-size: 16px; }
73
+
74
+ .size-18 { font-size: 18px; }
75
+
76
+ .size-21 { font-size: 21px; }
77
+
78
+ .size-24 { font-size: 24px; }
79
+
80
+ .size-36 { font-size: 36px; }
81
+
82
+ .size-48 { font-size: 48px; }
83
+
84
+ .size-60 { font-size: 60px; }
85
+
86
+ .size-72 { font-size: 72px; }
87
+
88
+
89
+ .usage { margin-top: 10px; }
90
+
91
+ .usage input {
92
+ font-family: monospace;
93
+ margin-right: 3px;
94
+ padding: 2px 5px;
95
+ text-align: center;
96
+ }
97
+
98
+ .usage .point { width: 150px; }
99
+
100
+ .usage .class { width: 250px; }
101
+
102
+ .footer {
103
+ color: #888;
104
+ font-size: 12px;
105
+ padding: 20px 0;
106
+ }
107
+ </style>
108
+
109
+ <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
110
+ </head>
111
+
112
+ <body>
113
+ <div class="container">
114
+ <h1>Foundation Icons contains 283 glyphs:</h1>
115
+
116
+
117
+ <div class="glyph">
118
+ <div class="preview-glyphs">
119
+ <i class="step fi-address-book size-12"></i><i class="step fi-address-book size-14"></i><i class="step fi-address-book size-16"></i><i class="step fi-address-book size-18"></i><i class="step fi-address-book size-21"></i><i class="step fi-address-book size-24"></i><i class="step fi-address-book size-36"></i><i class="step fi-address-book size-48"></i><i class="step fi-address-book size-60"></i><i class="step fi-address-book size-72"></i>
120
+ </div>
121
+ <div class="preview-scale">
122
+ <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>
123
+ </div>
124
+ <div class="usage">
125
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-address-book" />
126
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
127
+ </div>
128
+ </div>
129
+
130
+ <div class="glyph">
131
+ <div class="preview-glyphs">
132
+ <i class="step fi-alert size-12"></i><i class="step fi-alert size-14"></i><i class="step fi-alert size-16"></i><i class="step fi-alert size-18"></i><i class="step fi-alert size-21"></i><i class="step fi-alert size-24"></i><i class="step fi-alert size-36"></i><i class="step fi-alert size-48"></i><i class="step fi-alert size-60"></i><i class="step fi-alert size-72"></i>
133
+ </div>
134
+ <div class="preview-scale">
135
+ <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>
136
+ </div>
137
+ <div class="usage">
138
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-alert" />
139
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
140
+ </div>
141
+ </div>
142
+
143
+ <div class="glyph">
144
+ <div class="preview-glyphs">
145
+ <i class="step fi-align-center size-12"></i><i class="step fi-align-center size-14"></i><i class="step fi-align-center size-16"></i><i class="step fi-align-center size-18"></i><i class="step fi-align-center size-21"></i><i class="step fi-align-center size-24"></i><i class="step fi-align-center size-36"></i><i class="step fi-align-center size-48"></i><i class="step fi-align-center size-60"></i><i class="step fi-align-center size-72"></i>
146
+ </div>
147
+ <div class="preview-scale">
148
+ <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>
149
+ </div>
150
+ <div class="usage">
151
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-center" />
152
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
153
+ </div>
154
+ </div>
155
+
156
+ <div class="glyph">
157
+ <div class="preview-glyphs">
158
+ <i class="step fi-align-justify size-12"></i><i class="step fi-align-justify size-14"></i><i class="step fi-align-justify size-16"></i><i class="step fi-align-justify size-18"></i><i class="step fi-align-justify size-21"></i><i class="step fi-align-justify size-24"></i><i class="step fi-align-justify size-36"></i><i class="step fi-align-justify size-48"></i><i class="step fi-align-justify size-60"></i><i class="step fi-align-justify size-72"></i>
159
+ </div>
160
+ <div class="preview-scale">
161
+ <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>
162
+ </div>
163
+ <div class="usage">
164
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-justify" />
165
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
166
+ </div>
167
+ </div>
168
+
169
+ <div class="glyph">
170
+ <div class="preview-glyphs">
171
+ <i class="step fi-align-left size-12"></i><i class="step fi-align-left size-14"></i><i class="step fi-align-left size-16"></i><i class="step fi-align-left size-18"></i><i class="step fi-align-left size-21"></i><i class="step fi-align-left size-24"></i><i class="step fi-align-left size-36"></i><i class="step fi-align-left size-48"></i><i class="step fi-align-left size-60"></i><i class="step fi-align-left size-72"></i>
172
+ </div>
173
+ <div class="preview-scale">
174
+ <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>
175
+ </div>
176
+ <div class="usage">
177
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-left" />
178
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
179
+ </div>
180
+ </div>
181
+
182
+ <div class="glyph">
183
+ <div class="preview-glyphs">
184
+ <i class="step fi-align-right size-12"></i><i class="step fi-align-right size-14"></i><i class="step fi-align-right size-16"></i><i class="step fi-align-right size-18"></i><i class="step fi-align-right size-21"></i><i class="step fi-align-right size-24"></i><i class="step fi-align-right size-36"></i><i class="step fi-align-right size-48"></i><i class="step fi-align-right size-60"></i><i class="step fi-align-right size-72"></i>
185
+ </div>
186
+ <div class="preview-scale">
187
+ <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>
188
+ </div>
189
+ <div class="usage">
190
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-align-right" />
191
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
192
+ </div>
193
+ </div>
194
+
195
+ <div class="glyph">
196
+ <div class="preview-glyphs">
197
+ <i class="step fi-anchor size-12"></i><i class="step fi-anchor size-14"></i><i class="step fi-anchor size-16"></i><i class="step fi-anchor size-18"></i><i class="step fi-anchor size-21"></i><i class="step fi-anchor size-24"></i><i class="step fi-anchor size-36"></i><i class="step fi-anchor size-48"></i><i class="step fi-anchor size-60"></i><i class="step fi-anchor size-72"></i>
198
+ </div>
199
+ <div class="preview-scale">
200
+ <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>
201
+ </div>
202
+ <div class="usage">
203
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-anchor" />
204
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
205
+ </div>
206
+ </div>
207
+
208
+ <div class="glyph">
209
+ <div class="preview-glyphs">
210
+ <i class="step fi-annotate size-12"></i><i class="step fi-annotate size-14"></i><i class="step fi-annotate size-16"></i><i class="step fi-annotate size-18"></i><i class="step fi-annotate size-21"></i><i class="step fi-annotate size-24"></i><i class="step fi-annotate size-36"></i><i class="step fi-annotate size-48"></i><i class="step fi-annotate size-60"></i><i class="step fi-annotate size-72"></i>
211
+ </div>
212
+ <div class="preview-scale">
213
+ <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>
214
+ </div>
215
+ <div class="usage">
216
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-annotate" />
217
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
218
+ </div>
219
+ </div>
220
+
221
+ <div class="glyph">
222
+ <div class="preview-glyphs">
223
+ <i class="step fi-archive size-12"></i><i class="step fi-archive size-14"></i><i class="step fi-archive size-16"></i><i class="step fi-archive size-18"></i><i class="step fi-archive size-21"></i><i class="step fi-archive size-24"></i><i class="step fi-archive size-36"></i><i class="step fi-archive size-48"></i><i class="step fi-archive size-60"></i><i class="step fi-archive size-72"></i>
224
+ </div>
225
+ <div class="preview-scale">
226
+ <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>
227
+ </div>
228
+ <div class="usage">
229
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-archive" />
230
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
231
+ </div>
232
+ </div>
233
+
234
+ <div class="glyph">
235
+ <div class="preview-glyphs">
236
+ <i class="step fi-arrow-down size-12"></i><i class="step fi-arrow-down size-14"></i><i class="step fi-arrow-down size-16"></i><i class="step fi-arrow-down size-18"></i><i class="step fi-arrow-down size-21"></i><i class="step fi-arrow-down size-24"></i><i class="step fi-arrow-down size-36"></i><i class="step fi-arrow-down size-48"></i><i class="step fi-arrow-down size-60"></i><i class="step fi-arrow-down size-72"></i>
237
+ </div>
238
+ <div class="preview-scale">
239
+ <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>
240
+ </div>
241
+ <div class="usage">
242
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-down" />
243
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
244
+ </div>
245
+ </div>
246
+
247
+ <div class="glyph">
248
+ <div class="preview-glyphs">
249
+ <i class="step fi-arrow-left size-12"></i><i class="step fi-arrow-left size-14"></i><i class="step fi-arrow-left size-16"></i><i class="step fi-arrow-left size-18"></i><i class="step fi-arrow-left size-21"></i><i class="step fi-arrow-left size-24"></i><i class="step fi-arrow-left size-36"></i><i class="step fi-arrow-left size-48"></i><i class="step fi-arrow-left size-60"></i><i class="step fi-arrow-left size-72"></i>
250
+ </div>
251
+ <div class="preview-scale">
252
+ <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>
253
+ </div>
254
+ <div class="usage">
255
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-left" />
256
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
257
+ </div>
258
+ </div>
259
+
260
+ <div class="glyph">
261
+ <div class="preview-glyphs">
262
+ <i class="step fi-arrow-right size-12"></i><i class="step fi-arrow-right size-14"></i><i class="step fi-arrow-right size-16"></i><i class="step fi-arrow-right size-18"></i><i class="step fi-arrow-right size-21"></i><i class="step fi-arrow-right size-24"></i><i class="step fi-arrow-right size-36"></i><i class="step fi-arrow-right size-48"></i><i class="step fi-arrow-right size-60"></i><i class="step fi-arrow-right size-72"></i>
263
+ </div>
264
+ <div class="preview-scale">
265
+ <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>
266
+ </div>
267
+ <div class="usage">
268
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrow-right" />
269
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
270
+ </div>
271
+ </div>
272
+
273
+ <div class="glyph">
274
+ <div class="preview-glyphs">
275
+ <i class="step fi-arrow-up size-12"></i><i class="step fi-arrow-up size-14"></i><i class="step fi-arrow-up size-16"></i><i class="step fi-arrow-up size-18"></i><i class="step fi-arrow-up size-21"></i><i class="step fi-arrow-up size-24"></i><i class="step fi-arrow-up size-36"></i><i class="step fi-arrow-up size-48"></i><i class="step fi-arrow-up size-60"></i><i class="step fi-arrow-up 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=".fi-arrow-up" />
282
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
283
+ </div>
284
+ </div>
285
+
286
+ <div class="glyph">
287
+ <div class="preview-glyphs">
288
+ <i class="step fi-arrows-compress size-12"></i><i class="step fi-arrows-compress size-14"></i><i class="step fi-arrows-compress size-16"></i><i class="step fi-arrows-compress size-18"></i><i class="step fi-arrows-compress size-21"></i><i class="step fi-arrows-compress size-24"></i><i class="step fi-arrows-compress size-36"></i><i class="step fi-arrows-compress size-48"></i><i class="step fi-arrows-compress size-60"></i><i class="step fi-arrows-compress size-72"></i>
289
+ </div>
290
+ <div class="preview-scale">
291
+ <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>
292
+ </div>
293
+ <div class="usage">
294
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-compress" />
295
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
296
+ </div>
297
+ </div>
298
+
299
+ <div class="glyph">
300
+ <div class="preview-glyphs">
301
+ <i class="step fi-arrows-expand size-12"></i><i class="step fi-arrows-expand size-14"></i><i class="step fi-arrows-expand size-16"></i><i class="step fi-arrows-expand size-18"></i><i class="step fi-arrows-expand size-21"></i><i class="step fi-arrows-expand size-24"></i><i class="step fi-arrows-expand size-36"></i><i class="step fi-arrows-expand size-48"></i><i class="step fi-arrows-expand size-60"></i><i class="step fi-arrows-expand size-72"></i>
302
+ </div>
303
+ <div class="preview-scale">
304
+ <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>
305
+ </div>
306
+ <div class="usage">
307
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-expand" />
308
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
309
+ </div>
310
+ </div>
311
+
312
+ <div class="glyph">
313
+ <div class="preview-glyphs">
314
+ <i class="step fi-arrows-in size-12"></i><i class="step fi-arrows-in size-14"></i><i class="step fi-arrows-in size-16"></i><i class="step fi-arrows-in size-18"></i><i class="step fi-arrows-in size-21"></i><i class="step fi-arrows-in size-24"></i><i class="step fi-arrows-in size-36"></i><i class="step fi-arrows-in size-48"></i><i class="step fi-arrows-in size-60"></i><i class="step fi-arrows-in size-72"></i>
315
+ </div>
316
+ <div class="preview-scale">
317
+ <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>
318
+ </div>
319
+ <div class="usage">
320
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-in" />
321
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
322
+ </div>
323
+ </div>
324
+
325
+ <div class="glyph">
326
+ <div class="preview-glyphs">
327
+ <i class="step fi-arrows-out size-12"></i><i class="step fi-arrows-out size-14"></i><i class="step fi-arrows-out size-16"></i><i class="step fi-arrows-out size-18"></i><i class="step fi-arrows-out size-21"></i><i class="step fi-arrows-out size-24"></i><i class="step fi-arrows-out size-36"></i><i class="step fi-arrows-out size-48"></i><i class="step fi-arrows-out size-60"></i><i class="step fi-arrows-out size-72"></i>
328
+ </div>
329
+ <div class="preview-scale">
330
+ <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>
331
+ </div>
332
+ <div class="usage">
333
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-arrows-out" />
334
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
335
+ </div>
336
+ </div>
337
+
338
+ <div class="glyph">
339
+ <div class="preview-glyphs">
340
+ <i class="step fi-asl size-12"></i><i class="step fi-asl size-14"></i><i class="step fi-asl size-16"></i><i class="step fi-asl size-18"></i><i class="step fi-asl size-21"></i><i class="step fi-asl size-24"></i><i class="step fi-asl size-36"></i><i class="step fi-asl size-48"></i><i class="step fi-asl size-60"></i><i class="step fi-asl size-72"></i>
341
+ </div>
342
+ <div class="preview-scale">
343
+ <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>
344
+ </div>
345
+ <div class="usage">
346
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-asl" />
347
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
348
+ </div>
349
+ </div>
350
+
351
+ <div class="glyph">
352
+ <div class="preview-glyphs">
353
+ <i class="step fi-asterisk size-12"></i><i class="step fi-asterisk size-14"></i><i class="step fi-asterisk size-16"></i><i class="step fi-asterisk size-18"></i><i class="step fi-asterisk size-21"></i><i class="step fi-asterisk size-24"></i><i class="step fi-asterisk size-36"></i><i class="step fi-asterisk size-48"></i><i class="step fi-asterisk size-60"></i><i class="step fi-asterisk size-72"></i>
354
+ </div>
355
+ <div class="preview-scale">
356
+ <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>
357
+ </div>
358
+ <div class="usage">
359
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-asterisk" />
360
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
361
+ </div>
362
+ </div>
363
+
364
+ <div class="glyph">
365
+ <div class="preview-glyphs">
366
+ <i class="step fi-at-sign size-12"></i><i class="step fi-at-sign size-14"></i><i class="step fi-at-sign size-16"></i><i class="step fi-at-sign size-18"></i><i class="step fi-at-sign size-21"></i><i class="step fi-at-sign size-24"></i><i class="step fi-at-sign size-36"></i><i class="step fi-at-sign size-48"></i><i class="step fi-at-sign size-60"></i><i class="step fi-at-sign size-72"></i>
367
+ </div>
368
+ <div class="preview-scale">
369
+ <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>
370
+ </div>
371
+ <div class="usage">
372
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-at-sign" />
373
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
374
+ </div>
375
+ </div>
376
+
377
+ <div class="glyph">
378
+ <div class="preview-glyphs">
379
+ <i class="step fi-background-color size-12"></i><i class="step fi-background-color size-14"></i><i class="step fi-background-color size-16"></i><i class="step fi-background-color size-18"></i><i class="step fi-background-color size-21"></i><i class="step fi-background-color size-24"></i><i class="step fi-background-color size-36"></i><i class="step fi-background-color size-48"></i><i class="step fi-background-color size-60"></i><i class="step fi-background-color size-72"></i>
380
+ </div>
381
+ <div class="preview-scale">
382
+ <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>
383
+ </div>
384
+ <div class="usage">
385
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-background-color" />
386
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
387
+ </div>
388
+ </div>
389
+
390
+ <div class="glyph">
391
+ <div class="preview-glyphs">
392
+ <i class="step fi-battery-empty size-12"></i><i class="step fi-battery-empty size-14"></i><i class="step fi-battery-empty size-16"></i><i class="step fi-battery-empty size-18"></i><i class="step fi-battery-empty size-21"></i><i class="step fi-battery-empty size-24"></i><i class="step fi-battery-empty size-36"></i><i class="step fi-battery-empty size-48"></i><i class="step fi-battery-empty size-60"></i><i class="step fi-battery-empty size-72"></i>
393
+ </div>
394
+ <div class="preview-scale">
395
+ <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>
396
+ </div>
397
+ <div class="usage">
398
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-battery-empty" />
399
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
400
+ </div>
401
+ </div>
402
+
403
+ <div class="glyph">
404
+ <div class="preview-glyphs">
405
+ <i class="step fi-battery-full size-12"></i><i class="step fi-battery-full size-14"></i><i class="step fi-battery-full size-16"></i><i class="step fi-battery-full size-18"></i><i class="step fi-battery-full size-21"></i><i class="step fi-battery-full size-24"></i><i class="step fi-battery-full size-36"></i><i class="step fi-battery-full size-48"></i><i class="step fi-battery-full size-60"></i><i class="step fi-battery-full size-72"></i>
406
+ </div>
407
+ <div class="preview-scale">
408
+ <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>
409
+ </div>
410
+ <div class="usage">
411
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-battery-full" />
412
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
413
+ </div>
414
+ </div>
415
+
416
+ <div class="glyph">
417
+ <div class="preview-glyphs">
418
+ <i class="step fi-battery-half size-12"></i><i class="step fi-battery-half size-14"></i><i class="step fi-battery-half size-16"></i><i class="step fi-battery-half size-18"></i><i class="step fi-battery-half size-21"></i><i class="step fi-battery-half size-24"></i><i class="step fi-battery-half size-36"></i><i class="step fi-battery-half size-48"></i><i class="step fi-battery-half size-60"></i><i class="step fi-battery-half size-72"></i>
419
+ </div>
420
+ <div class="preview-scale">
421
+ <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>
422
+ </div>
423
+ <div class="usage">
424
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-battery-half" />
425
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
426
+ </div>
427
+ </div>
428
+
429
+ <div class="glyph">
430
+ <div class="preview-glyphs">
431
+ <i class="step fi-bitcoin-circle size-12"></i><i class="step fi-bitcoin-circle size-14"></i><i class="step fi-bitcoin-circle size-16"></i><i class="step fi-bitcoin-circle size-18"></i><i class="step fi-bitcoin-circle size-21"></i><i class="step fi-bitcoin-circle size-24"></i><i class="step fi-bitcoin-circle size-36"></i><i class="step fi-bitcoin-circle size-48"></i><i class="step fi-bitcoin-circle size-60"></i><i class="step fi-bitcoin-circle 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=".fi-bitcoin-circle" />
438
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
439
+ </div>
440
+ </div>
441
+
442
+ <div class="glyph">
443
+ <div class="preview-glyphs">
444
+ <i class="step fi-bitcoin size-12"></i><i class="step fi-bitcoin size-14"></i><i class="step fi-bitcoin size-16"></i><i class="step fi-bitcoin size-18"></i><i class="step fi-bitcoin size-21"></i><i class="step fi-bitcoin size-24"></i><i class="step fi-bitcoin size-36"></i><i class="step fi-bitcoin size-48"></i><i class="step fi-bitcoin size-60"></i><i class="step fi-bitcoin size-72"></i>
445
+ </div>
446
+ <div class="preview-scale">
447
+ <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>
448
+ </div>
449
+ <div class="usage">
450
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bitcoin" />
451
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
452
+ </div>
453
+ </div>
454
+
455
+ <div class="glyph">
456
+ <div class="preview-glyphs">
457
+ <i class="step fi-blind size-12"></i><i class="step fi-blind size-14"></i><i class="step fi-blind size-16"></i><i class="step fi-blind size-18"></i><i class="step fi-blind size-21"></i><i class="step fi-blind size-24"></i><i class="step fi-blind size-36"></i><i class="step fi-blind size-48"></i><i class="step fi-blind size-60"></i><i class="step fi-blind size-72"></i>
458
+ </div>
459
+ <div class="preview-scale">
460
+ <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>
461
+ </div>
462
+ <div class="usage">
463
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-blind" />
464
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
465
+ </div>
466
+ </div>
467
+
468
+ <div class="glyph">
469
+ <div class="preview-glyphs">
470
+ <i class="step fi-bluetooth size-12"></i><i class="step fi-bluetooth size-14"></i><i class="step fi-bluetooth size-16"></i><i class="step fi-bluetooth size-18"></i><i class="step fi-bluetooth size-21"></i><i class="step fi-bluetooth size-24"></i><i class="step fi-bluetooth size-36"></i><i class="step fi-bluetooth size-48"></i><i class="step fi-bluetooth size-60"></i><i class="step fi-bluetooth size-72"></i>
471
+ </div>
472
+ <div class="preview-scale">
473
+ <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>
474
+ </div>
475
+ <div class="usage">
476
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bluetooth" />
477
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
478
+ </div>
479
+ </div>
480
+
481
+ <div class="glyph">
482
+ <div class="preview-glyphs">
483
+ <i class="step fi-bold size-12"></i><i class="step fi-bold size-14"></i><i class="step fi-bold size-16"></i><i class="step fi-bold size-18"></i><i class="step fi-bold size-21"></i><i class="step fi-bold size-24"></i><i class="step fi-bold size-36"></i><i class="step fi-bold size-48"></i><i class="step fi-bold size-60"></i><i class="step fi-bold size-72"></i>
484
+ </div>
485
+ <div class="preview-scale">
486
+ <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>
487
+ </div>
488
+ <div class="usage">
489
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bold" />
490
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
491
+ </div>
492
+ </div>
493
+
494
+ <div class="glyph">
495
+ <div class="preview-glyphs">
496
+ <i class="step fi-book-bookmark size-12"></i><i class="step fi-book-bookmark size-14"></i><i class="step fi-book-bookmark size-16"></i><i class="step fi-book-bookmark size-18"></i><i class="step fi-book-bookmark size-21"></i><i class="step fi-book-bookmark size-24"></i><i class="step fi-book-bookmark size-36"></i><i class="step fi-book-bookmark size-48"></i><i class="step fi-book-bookmark size-60"></i><i class="step fi-book-bookmark size-72"></i>
497
+ </div>
498
+ <div class="preview-scale">
499
+ <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>
500
+ </div>
501
+ <div class="usage">
502
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-book-bookmark" />
503
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
504
+ </div>
505
+ </div>
506
+
507
+ <div class="glyph">
508
+ <div class="preview-glyphs">
509
+ <i class="step fi-book size-12"></i><i class="step fi-book size-14"></i><i class="step fi-book size-16"></i><i class="step fi-book size-18"></i><i class="step fi-book size-21"></i><i class="step fi-book size-24"></i><i class="step fi-book size-36"></i><i class="step fi-book size-48"></i><i class="step fi-book size-60"></i><i class="step fi-book size-72"></i>
510
+ </div>
511
+ <div class="preview-scale">
512
+ <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>
513
+ </div>
514
+ <div class="usage">
515
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-book" />
516
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
517
+ </div>
518
+ </div>
519
+
520
+ <div class="glyph">
521
+ <div class="preview-glyphs">
522
+ <i class="step fi-bookmark size-12"></i><i class="step fi-bookmark size-14"></i><i class="step fi-bookmark size-16"></i><i class="step fi-bookmark size-18"></i><i class="step fi-bookmark size-21"></i><i class="step fi-bookmark size-24"></i><i class="step fi-bookmark size-36"></i><i class="step fi-bookmark size-48"></i><i class="step fi-bookmark size-60"></i><i class="step fi-bookmark size-72"></i>
523
+ </div>
524
+ <div class="preview-scale">
525
+ <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>
526
+ </div>
527
+ <div class="usage">
528
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-bookmark" />
529
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
530
+ </div>
531
+ </div>
532
+
533
+ <div class="glyph">
534
+ <div class="preview-glyphs">
535
+ <i class="step fi-braille size-12"></i><i class="step fi-braille size-14"></i><i class="step fi-braille size-16"></i><i class="step fi-braille size-18"></i><i class="step fi-braille size-21"></i><i class="step fi-braille size-24"></i><i class="step fi-braille size-36"></i><i class="step fi-braille size-48"></i><i class="step fi-braille size-60"></i><i class="step fi-braille size-72"></i>
536
+ </div>
537
+ <div class="preview-scale">
538
+ <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>
539
+ </div>
540
+ <div class="usage">
541
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-braille" />
542
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
543
+ </div>
544
+ </div>
545
+
546
+ <div class="glyph">
547
+ <div class="preview-glyphs">
548
+ <i class="step fi-burst-new size-12"></i><i class="step fi-burst-new size-14"></i><i class="step fi-burst-new size-16"></i><i class="step fi-burst-new size-18"></i><i class="step fi-burst-new size-21"></i><i class="step fi-burst-new size-24"></i><i class="step fi-burst-new size-36"></i><i class="step fi-burst-new size-48"></i><i class="step fi-burst-new size-60"></i><i class="step fi-burst-new size-72"></i>
549
+ </div>
550
+ <div class="preview-scale">
551
+ <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>
552
+ </div>
553
+ <div class="usage">
554
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-burst-new" />
555
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
556
+ </div>
557
+ </div>
558
+
559
+ <div class="glyph">
560
+ <div class="preview-glyphs">
561
+ <i class="step fi-burst-sale size-12"></i><i class="step fi-burst-sale size-14"></i><i class="step fi-burst-sale size-16"></i><i class="step fi-burst-sale size-18"></i><i class="step fi-burst-sale size-21"></i><i class="step fi-burst-sale size-24"></i><i class="step fi-burst-sale size-36"></i><i class="step fi-burst-sale size-48"></i><i class="step fi-burst-sale size-60"></i><i class="step fi-burst-sale size-72"></i>
562
+ </div>
563
+ <div class="preview-scale">
564
+ <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>
565
+ </div>
566
+ <div class="usage">
567
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-burst-sale" />
568
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
569
+ </div>
570
+ </div>
571
+
572
+ <div class="glyph">
573
+ <div class="preview-glyphs">
574
+ <i class="step fi-burst size-12"></i><i class="step fi-burst size-14"></i><i class="step fi-burst size-16"></i><i class="step fi-burst size-18"></i><i class="step fi-burst size-21"></i><i class="step fi-burst size-24"></i><i class="step fi-burst size-36"></i><i class="step fi-burst size-48"></i><i class="step fi-burst size-60"></i><i class="step fi-burst size-72"></i>
575
+ </div>
576
+ <div class="preview-scale">
577
+ <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>
578
+ </div>
579
+ <div class="usage">
580
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-burst" />
581
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
582
+ </div>
583
+ </div>
584
+
585
+ <div class="glyph">
586
+ <div class="preview-glyphs">
587
+ <i class="step fi-calendar size-12"></i><i class="step fi-calendar size-14"></i><i class="step fi-calendar size-16"></i><i class="step fi-calendar size-18"></i><i class="step fi-calendar size-21"></i><i class="step fi-calendar size-24"></i><i class="step fi-calendar size-36"></i><i class="step fi-calendar size-48"></i><i class="step fi-calendar size-60"></i><i class="step fi-calendar 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=".fi-calendar" />
594
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
595
+ </div>
596
+ </div>
597
+
598
+ <div class="glyph">
599
+ <div class="preview-glyphs">
600
+ <i class="step fi-camera size-12"></i><i class="step fi-camera size-14"></i><i class="step fi-camera size-16"></i><i class="step fi-camera size-18"></i><i class="step fi-camera size-21"></i><i class="step fi-camera size-24"></i><i class="step fi-camera size-36"></i><i class="step fi-camera size-48"></i><i class="step fi-camera size-60"></i><i class="step fi-camera size-72"></i>
601
+ </div>
602
+ <div class="preview-scale">
603
+ <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>
604
+ </div>
605
+ <div class="usage">
606
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-camera" />
607
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
608
+ </div>
609
+ </div>
610
+
611
+ <div class="glyph">
612
+ <div class="preview-glyphs">
613
+ <i class="step fi-check size-12"></i><i class="step fi-check size-14"></i><i class="step fi-check size-16"></i><i class="step fi-check size-18"></i><i class="step fi-check size-21"></i><i class="step fi-check size-24"></i><i class="step fi-check size-36"></i><i class="step fi-check size-48"></i><i class="step fi-check size-60"></i><i class="step fi-check size-72"></i>
614
+ </div>
615
+ <div class="preview-scale">
616
+ <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>
617
+ </div>
618
+ <div class="usage">
619
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-check" />
620
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
621
+ </div>
622
+ </div>
623
+
624
+ <div class="glyph">
625
+ <div class="preview-glyphs">
626
+ <i class="step fi-checkbox size-12"></i><i class="step fi-checkbox size-14"></i><i class="step fi-checkbox size-16"></i><i class="step fi-checkbox size-18"></i><i class="step fi-checkbox size-21"></i><i class="step fi-checkbox size-24"></i><i class="step fi-checkbox size-36"></i><i class="step fi-checkbox size-48"></i><i class="step fi-checkbox size-60"></i><i class="step fi-checkbox size-72"></i>
627
+ </div>
628
+ <div class="preview-scale">
629
+ <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>
630
+ </div>
631
+ <div class="usage">
632
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-checkbox" />
633
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
634
+ </div>
635
+ </div>
636
+
637
+ <div class="glyph">
638
+ <div class="preview-glyphs">
639
+ <i class="step fi-clipboard-notes size-12"></i><i class="step fi-clipboard-notes size-14"></i><i class="step fi-clipboard-notes size-16"></i><i class="step fi-clipboard-notes size-18"></i><i class="step fi-clipboard-notes size-21"></i><i class="step fi-clipboard-notes size-24"></i><i class="step fi-clipboard-notes size-36"></i><i class="step fi-clipboard-notes size-48"></i><i class="step fi-clipboard-notes size-60"></i><i class="step fi-clipboard-notes size-72"></i>
640
+ </div>
641
+ <div class="preview-scale">
642
+ <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>
643
+ </div>
644
+ <div class="usage">
645
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clipboard-notes" />
646
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
647
+ </div>
648
+ </div>
649
+
650
+ <div class="glyph">
651
+ <div class="preview-glyphs">
652
+ <i class="step fi-clipboard-pencil size-12"></i><i class="step fi-clipboard-pencil size-14"></i><i class="step fi-clipboard-pencil size-16"></i><i class="step fi-clipboard-pencil size-18"></i><i class="step fi-clipboard-pencil size-21"></i><i class="step fi-clipboard-pencil size-24"></i><i class="step fi-clipboard-pencil size-36"></i><i class="step fi-clipboard-pencil size-48"></i><i class="step fi-clipboard-pencil size-60"></i><i class="step fi-clipboard-pencil size-72"></i>
653
+ </div>
654
+ <div class="preview-scale">
655
+ <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>
656
+ </div>
657
+ <div class="usage">
658
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clipboard-pencil" />
659
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
660
+ </div>
661
+ </div>
662
+
663
+ <div class="glyph">
664
+ <div class="preview-glyphs">
665
+ <i class="step fi-clipboard size-12"></i><i class="step fi-clipboard size-14"></i><i class="step fi-clipboard size-16"></i><i class="step fi-clipboard size-18"></i><i class="step fi-clipboard size-21"></i><i class="step fi-clipboard size-24"></i><i class="step fi-clipboard size-36"></i><i class="step fi-clipboard size-48"></i><i class="step fi-clipboard size-60"></i><i class="step fi-clipboard size-72"></i>
666
+ </div>
667
+ <div class="preview-scale">
668
+ <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>
669
+ </div>
670
+ <div class="usage">
671
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clipboard" />
672
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
673
+ </div>
674
+ </div>
675
+
676
+ <div class="glyph">
677
+ <div class="preview-glyphs">
678
+ <i class="step fi-clock size-12"></i><i class="step fi-clock size-14"></i><i class="step fi-clock size-16"></i><i class="step fi-clock size-18"></i><i class="step fi-clock size-21"></i><i class="step fi-clock size-24"></i><i class="step fi-clock size-36"></i><i class="step fi-clock size-48"></i><i class="step fi-clock size-60"></i><i class="step fi-clock size-72"></i>
679
+ </div>
680
+ <div class="preview-scale">
681
+ <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>
682
+ </div>
683
+ <div class="usage">
684
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-clock" />
685
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
686
+ </div>
687
+ </div>
688
+
689
+ <div class="glyph">
690
+ <div class="preview-glyphs">
691
+ <i class="step fi-closed-caption size-12"></i><i class="step fi-closed-caption size-14"></i><i class="step fi-closed-caption size-16"></i><i class="step fi-closed-caption size-18"></i><i class="step fi-closed-caption size-21"></i><i class="step fi-closed-caption size-24"></i><i class="step fi-closed-caption size-36"></i><i class="step fi-closed-caption size-48"></i><i class="step fi-closed-caption size-60"></i><i class="step fi-closed-caption size-72"></i>
692
+ </div>
693
+ <div class="preview-scale">
694
+ <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>
695
+ </div>
696
+ <div class="usage">
697
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-closed-caption" />
698
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
699
+ </div>
700
+ </div>
701
+
702
+ <div class="glyph">
703
+ <div class="preview-glyphs">
704
+ <i class="step fi-cloud size-12"></i><i class="step fi-cloud size-14"></i><i class="step fi-cloud size-16"></i><i class="step fi-cloud size-18"></i><i class="step fi-cloud size-21"></i><i class="step fi-cloud size-24"></i><i class="step fi-cloud size-36"></i><i class="step fi-cloud size-48"></i><i class="step fi-cloud size-60"></i><i class="step fi-cloud size-72"></i>
705
+ </div>
706
+ <div class="preview-scale">
707
+ <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>
708
+ </div>
709
+ <div class="usage">
710
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-cloud" />
711
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
712
+ </div>
713
+ </div>
714
+
715
+ <div class="glyph">
716
+ <div class="preview-glyphs">
717
+ <i class="step fi-comment-minus size-12"></i><i class="step fi-comment-minus size-14"></i><i class="step fi-comment-minus size-16"></i><i class="step fi-comment-minus size-18"></i><i class="step fi-comment-minus size-21"></i><i class="step fi-comment-minus size-24"></i><i class="step fi-comment-minus size-36"></i><i class="step fi-comment-minus size-48"></i><i class="step fi-comment-minus size-60"></i><i class="step fi-comment-minus size-72"></i>
718
+ </div>
719
+ <div class="preview-scale">
720
+ <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>
721
+ </div>
722
+ <div class="usage">
723
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment-minus" />
724
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
725
+ </div>
726
+ </div>
727
+
728
+ <div class="glyph">
729
+ <div class="preview-glyphs">
730
+ <i class="step fi-comment-quotes size-12"></i><i class="step fi-comment-quotes size-14"></i><i class="step fi-comment-quotes size-16"></i><i class="step fi-comment-quotes size-18"></i><i class="step fi-comment-quotes size-21"></i><i class="step fi-comment-quotes size-24"></i><i class="step fi-comment-quotes size-36"></i><i class="step fi-comment-quotes size-48"></i><i class="step fi-comment-quotes size-60"></i><i class="step fi-comment-quotes size-72"></i>
731
+ </div>
732
+ <div class="preview-scale">
733
+ <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>
734
+ </div>
735
+ <div class="usage">
736
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment-quotes" />
737
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
738
+ </div>
739
+ </div>
740
+
741
+ <div class="glyph">
742
+ <div class="preview-glyphs">
743
+ <i class="step fi-comment-video size-12"></i><i class="step fi-comment-video size-14"></i><i class="step fi-comment-video size-16"></i><i class="step fi-comment-video size-18"></i><i class="step fi-comment-video size-21"></i><i class="step fi-comment-video size-24"></i><i class="step fi-comment-video size-36"></i><i class="step fi-comment-video size-48"></i><i class="step fi-comment-video size-60"></i><i class="step fi-comment-video 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=".fi-comment-video" />
750
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
751
+ </div>
752
+ </div>
753
+
754
+ <div class="glyph">
755
+ <div class="preview-glyphs">
756
+ <i class="step fi-comment size-12"></i><i class="step fi-comment size-14"></i><i class="step fi-comment size-16"></i><i class="step fi-comment size-18"></i><i class="step fi-comment size-21"></i><i class="step fi-comment size-24"></i><i class="step fi-comment size-36"></i><i class="step fi-comment size-48"></i><i class="step fi-comment size-60"></i><i class="step fi-comment size-72"></i>
757
+ </div>
758
+ <div class="preview-scale">
759
+ <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>
760
+ </div>
761
+ <div class="usage">
762
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comment" />
763
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
764
+ </div>
765
+ </div>
766
+
767
+ <div class="glyph">
768
+ <div class="preview-glyphs">
769
+ <i class="step fi-comments size-12"></i><i class="step fi-comments size-14"></i><i class="step fi-comments size-16"></i><i class="step fi-comments size-18"></i><i class="step fi-comments size-21"></i><i class="step fi-comments size-24"></i><i class="step fi-comments size-36"></i><i class="step fi-comments size-48"></i><i class="step fi-comments size-60"></i><i class="step fi-comments size-72"></i>
770
+ </div>
771
+ <div class="preview-scale">
772
+ <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>
773
+ </div>
774
+ <div class="usage">
775
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-comments" />
776
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
777
+ </div>
778
+ </div>
779
+
780
+ <div class="glyph">
781
+ <div class="preview-glyphs">
782
+ <i class="step fi-compass size-12"></i><i class="step fi-compass size-14"></i><i class="step fi-compass size-16"></i><i class="step fi-compass size-18"></i><i class="step fi-compass size-21"></i><i class="step fi-compass size-24"></i><i class="step fi-compass size-36"></i><i class="step fi-compass size-48"></i><i class="step fi-compass size-60"></i><i class="step fi-compass size-72"></i>
783
+ </div>
784
+ <div class="preview-scale">
785
+ <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>
786
+ </div>
787
+ <div class="usage">
788
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-compass" />
789
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
790
+ </div>
791
+ </div>
792
+
793
+ <div class="glyph">
794
+ <div class="preview-glyphs">
795
+ <i class="step fi-contrast size-12"></i><i class="step fi-contrast size-14"></i><i class="step fi-contrast size-16"></i><i class="step fi-contrast size-18"></i><i class="step fi-contrast size-21"></i><i class="step fi-contrast size-24"></i><i class="step fi-contrast size-36"></i><i class="step fi-contrast size-48"></i><i class="step fi-contrast size-60"></i><i class="step fi-contrast size-72"></i>
796
+ </div>
797
+ <div class="preview-scale">
798
+ <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>
799
+ </div>
800
+ <div class="usage">
801
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-contrast" />
802
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
803
+ </div>
804
+ </div>
805
+
806
+ <div class="glyph">
807
+ <div class="preview-glyphs">
808
+ <i class="step fi-credit-card size-12"></i><i class="step fi-credit-card size-14"></i><i class="step fi-credit-card size-16"></i><i class="step fi-credit-card size-18"></i><i class="step fi-credit-card size-21"></i><i class="step fi-credit-card size-24"></i><i class="step fi-credit-card size-36"></i><i class="step fi-credit-card size-48"></i><i class="step fi-credit-card size-60"></i><i class="step fi-credit-card size-72"></i>
809
+ </div>
810
+ <div class="preview-scale">
811
+ <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>
812
+ </div>
813
+ <div class="usage">
814
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-credit-card" />
815
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
816
+ </div>
817
+ </div>
818
+
819
+ <div class="glyph">
820
+ <div class="preview-glyphs">
821
+ <i class="step fi-crop size-12"></i><i class="step fi-crop size-14"></i><i class="step fi-crop size-16"></i><i class="step fi-crop size-18"></i><i class="step fi-crop size-21"></i><i class="step fi-crop size-24"></i><i class="step fi-crop size-36"></i><i class="step fi-crop size-48"></i><i class="step fi-crop size-60"></i><i class="step fi-crop size-72"></i>
822
+ </div>
823
+ <div class="preview-scale">
824
+ <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>
825
+ </div>
826
+ <div class="usage">
827
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-crop" />
828
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
829
+ </div>
830
+ </div>
831
+
832
+ <div class="glyph">
833
+ <div class="preview-glyphs">
834
+ <i class="step fi-crown size-12"></i><i class="step fi-crown size-14"></i><i class="step fi-crown size-16"></i><i class="step fi-crown size-18"></i><i class="step fi-crown size-21"></i><i class="step fi-crown size-24"></i><i class="step fi-crown size-36"></i><i class="step fi-crown size-48"></i><i class="step fi-crown size-60"></i><i class="step fi-crown size-72"></i>
835
+ </div>
836
+ <div class="preview-scale">
837
+ <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>
838
+ </div>
839
+ <div class="usage">
840
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-crown" />
841
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
842
+ </div>
843
+ </div>
844
+
845
+ <div class="glyph">
846
+ <div class="preview-glyphs">
847
+ <i class="step fi-css3 size-12"></i><i class="step fi-css3 size-14"></i><i class="step fi-css3 size-16"></i><i class="step fi-css3 size-18"></i><i class="step fi-css3 size-21"></i><i class="step fi-css3 size-24"></i><i class="step fi-css3 size-36"></i><i class="step fi-css3 size-48"></i><i class="step fi-css3 size-60"></i><i class="step fi-css3 size-72"></i>
848
+ </div>
849
+ <div class="preview-scale">
850
+ <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>
851
+ </div>
852
+ <div class="usage">
853
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-css3" />
854
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
855
+ </div>
856
+ </div>
857
+
858
+ <div class="glyph">
859
+ <div class="preview-glyphs">
860
+ <i class="step fi-database size-12"></i><i class="step fi-database size-14"></i><i class="step fi-database size-16"></i><i class="step fi-database size-18"></i><i class="step fi-database size-21"></i><i class="step fi-database size-24"></i><i class="step fi-database size-36"></i><i class="step fi-database size-48"></i><i class="step fi-database size-60"></i><i class="step fi-database size-72"></i>
861
+ </div>
862
+ <div class="preview-scale">
863
+ <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>
864
+ </div>
865
+ <div class="usage">
866
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-database" />
867
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
868
+ </div>
869
+ </div>
870
+
871
+ <div class="glyph">
872
+ <div class="preview-glyphs">
873
+ <i class="step fi-die-five size-12"></i><i class="step fi-die-five size-14"></i><i class="step fi-die-five size-16"></i><i class="step fi-die-five size-18"></i><i class="step fi-die-five size-21"></i><i class="step fi-die-five size-24"></i><i class="step fi-die-five size-36"></i><i class="step fi-die-five size-48"></i><i class="step fi-die-five size-60"></i><i class="step fi-die-five size-72"></i>
874
+ </div>
875
+ <div class="preview-scale">
876
+ <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>
877
+ </div>
878
+ <div class="usage">
879
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-five" />
880
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
881
+ </div>
882
+ </div>
883
+
884
+ <div class="glyph">
885
+ <div class="preview-glyphs">
886
+ <i class="step fi-die-four size-12"></i><i class="step fi-die-four size-14"></i><i class="step fi-die-four size-16"></i><i class="step fi-die-four size-18"></i><i class="step fi-die-four size-21"></i><i class="step fi-die-four size-24"></i><i class="step fi-die-four size-36"></i><i class="step fi-die-four size-48"></i><i class="step fi-die-four size-60"></i><i class="step fi-die-four size-72"></i>
887
+ </div>
888
+ <div class="preview-scale">
889
+ <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>
890
+ </div>
891
+ <div class="usage">
892
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-four" />
893
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
894
+ </div>
895
+ </div>
896
+
897
+ <div class="glyph">
898
+ <div class="preview-glyphs">
899
+ <i class="step fi-die-one size-12"></i><i class="step fi-die-one size-14"></i><i class="step fi-die-one size-16"></i><i class="step fi-die-one size-18"></i><i class="step fi-die-one size-21"></i><i class="step fi-die-one size-24"></i><i class="step fi-die-one size-36"></i><i class="step fi-die-one size-48"></i><i class="step fi-die-one size-60"></i><i class="step fi-die-one 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=".fi-die-one" />
906
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
907
+ </div>
908
+ </div>
909
+
910
+ <div class="glyph">
911
+ <div class="preview-glyphs">
912
+ <i class="step fi-die-six size-12"></i><i class="step fi-die-six size-14"></i><i class="step fi-die-six size-16"></i><i class="step fi-die-six size-18"></i><i class="step fi-die-six size-21"></i><i class="step fi-die-six size-24"></i><i class="step fi-die-six size-36"></i><i class="step fi-die-six size-48"></i><i class="step fi-die-six size-60"></i><i class="step fi-die-six size-72"></i>
913
+ </div>
914
+ <div class="preview-scale">
915
+ <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>
916
+ </div>
917
+ <div class="usage">
918
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-six" />
919
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
920
+ </div>
921
+ </div>
922
+
923
+ <div class="glyph">
924
+ <div class="preview-glyphs">
925
+ <i class="step fi-die-three size-12"></i><i class="step fi-die-three size-14"></i><i class="step fi-die-three size-16"></i><i class="step fi-die-three size-18"></i><i class="step fi-die-three size-21"></i><i class="step fi-die-three size-24"></i><i class="step fi-die-three size-36"></i><i class="step fi-die-three size-48"></i><i class="step fi-die-three size-60"></i><i class="step fi-die-three size-72"></i>
926
+ </div>
927
+ <div class="preview-scale">
928
+ <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>
929
+ </div>
930
+ <div class="usage">
931
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-three" />
932
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
933
+ </div>
934
+ </div>
935
+
936
+ <div class="glyph">
937
+ <div class="preview-glyphs">
938
+ <i class="step fi-die-two size-12"></i><i class="step fi-die-two size-14"></i><i class="step fi-die-two size-16"></i><i class="step fi-die-two size-18"></i><i class="step fi-die-two size-21"></i><i class="step fi-die-two size-24"></i><i class="step fi-die-two size-36"></i><i class="step fi-die-two size-48"></i><i class="step fi-die-two size-60"></i><i class="step fi-die-two size-72"></i>
939
+ </div>
940
+ <div class="preview-scale">
941
+ <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>
942
+ </div>
943
+ <div class="usage">
944
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-die-two" />
945
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
946
+ </div>
947
+ </div>
948
+
949
+ <div class="glyph">
950
+ <div class="preview-glyphs">
951
+ <i class="step fi-dislike size-12"></i><i class="step fi-dislike size-14"></i><i class="step fi-dislike size-16"></i><i class="step fi-dislike size-18"></i><i class="step fi-dislike size-21"></i><i class="step fi-dislike size-24"></i><i class="step fi-dislike size-36"></i><i class="step fi-dislike size-48"></i><i class="step fi-dislike size-60"></i><i class="step fi-dislike size-72"></i>
952
+ </div>
953
+ <div class="preview-scale">
954
+ <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>
955
+ </div>
956
+ <div class="usage">
957
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-dislike" />
958
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
959
+ </div>
960
+ </div>
961
+
962
+ <div class="glyph">
963
+ <div class="preview-glyphs">
964
+ <i class="step fi-dollar-bill size-12"></i><i class="step fi-dollar-bill size-14"></i><i class="step fi-dollar-bill size-16"></i><i class="step fi-dollar-bill size-18"></i><i class="step fi-dollar-bill size-21"></i><i class="step fi-dollar-bill size-24"></i><i class="step fi-dollar-bill size-36"></i><i class="step fi-dollar-bill size-48"></i><i class="step fi-dollar-bill size-60"></i><i class="step fi-dollar-bill size-72"></i>
965
+ </div>
966
+ <div class="preview-scale">
967
+ <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>
968
+ </div>
969
+ <div class="usage">
970
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-dollar-bill" />
971
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
972
+ </div>
973
+ </div>
974
+
975
+ <div class="glyph">
976
+ <div class="preview-glyphs">
977
+ <i class="step fi-dollar size-12"></i><i class="step fi-dollar size-14"></i><i class="step fi-dollar size-16"></i><i class="step fi-dollar size-18"></i><i class="step fi-dollar size-21"></i><i class="step fi-dollar size-24"></i><i class="step fi-dollar size-36"></i><i class="step fi-dollar size-48"></i><i class="step fi-dollar size-60"></i><i class="step fi-dollar size-72"></i>
978
+ </div>
979
+ <div class="preview-scale">
980
+ <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>
981
+ </div>
982
+ <div class="usage">
983
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-dollar" />
984
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
985
+ </div>
986
+ </div>
987
+
988
+ <div class="glyph">
989
+ <div class="preview-glyphs">
990
+ <i class="step fi-download size-12"></i><i class="step fi-download size-14"></i><i class="step fi-download size-16"></i><i class="step fi-download size-18"></i><i class="step fi-download size-21"></i><i class="step fi-download size-24"></i><i class="step fi-download size-36"></i><i class="step fi-download size-48"></i><i class="step fi-download size-60"></i><i class="step fi-download size-72"></i>
991
+ </div>
992
+ <div class="preview-scale">
993
+ <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>
994
+ </div>
995
+ <div class="usage">
996
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-download" />
997
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
998
+ </div>
999
+ </div>
1000
+
1001
+ <div class="glyph">
1002
+ <div class="preview-glyphs">
1003
+ <i class="step fi-eject size-12"></i><i class="step fi-eject size-14"></i><i class="step fi-eject size-16"></i><i class="step fi-eject size-18"></i><i class="step fi-eject size-21"></i><i class="step fi-eject size-24"></i><i class="step fi-eject size-36"></i><i class="step fi-eject size-48"></i><i class="step fi-eject size-60"></i><i class="step fi-eject size-72"></i>
1004
+ </div>
1005
+ <div class="preview-scale">
1006
+ <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>
1007
+ </div>
1008
+ <div class="usage">
1009
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-eject" />
1010
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
1011
+ </div>
1012
+ </div>
1013
+
1014
+ <div class="glyph">
1015
+ <div class="preview-glyphs">
1016
+ <i class="step fi-elevator size-12"></i><i class="step fi-elevator size-14"></i><i class="step fi-elevator size-16"></i><i class="step fi-elevator size-18"></i><i class="step fi-elevator size-21"></i><i class="step fi-elevator size-24"></i><i class="step fi-elevator size-36"></i><i class="step fi-elevator size-48"></i><i class="step fi-elevator size-60"></i><i class="step fi-elevator size-72"></i>
1017
+ </div>
1018
+ <div class="preview-scale">
1019
+ <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>
1020
+ </div>
1021
+ <div class="usage">
1022
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-elevator" />
1023
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
1024
+ </div>
1025
+ </div>
1026
+
1027
+ <div class="glyph">
1028
+ <div class="preview-glyphs">
1029
+ <i class="step fi-euro size-12"></i><i class="step fi-euro size-14"></i><i class="step fi-euro size-16"></i><i class="step fi-euro size-18"></i><i class="step fi-euro size-21"></i><i class="step fi-euro size-24"></i><i class="step fi-euro size-36"></i><i class="step fi-euro size-48"></i><i class="step fi-euro size-60"></i><i class="step fi-euro size-72"></i>
1030
+ </div>
1031
+ <div class="preview-scale">
1032
+ <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>
1033
+ </div>
1034
+ <div class="usage">
1035
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-euro" />
1036
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
1037
+ </div>
1038
+ </div>
1039
+
1040
+ <div class="glyph">
1041
+ <div class="preview-glyphs">
1042
+ <i class="step fi-eye size-12"></i><i class="step fi-eye size-14"></i><i class="step fi-eye size-16"></i><i class="step fi-eye size-18"></i><i class="step fi-eye size-21"></i><i class="step fi-eye size-24"></i><i class="step fi-eye size-36"></i><i class="step fi-eye size-48"></i><i class="step fi-eye size-60"></i><i class="step fi-eye size-72"></i>
1043
+ </div>
1044
+ <div class="preview-scale">
1045
+ <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>
1046
+ </div>
1047
+ <div class="usage">
1048
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-eye" />
1049
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
1050
+ </div>
1051
+ </div>
1052
+
1053
+ <div class="glyph">
1054
+ <div class="preview-glyphs">
1055
+ <i class="step fi-fast-forward size-12"></i><i class="step fi-fast-forward size-14"></i><i class="step fi-fast-forward size-16"></i><i class="step fi-fast-forward size-18"></i><i class="step fi-fast-forward size-21"></i><i class="step fi-fast-forward size-24"></i><i class="step fi-fast-forward size-36"></i><i class="step fi-fast-forward size-48"></i><i class="step fi-fast-forward size-60"></i><i class="step fi-fast-forward 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=".fi-fast-forward" />
1062
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
1063
+ </div>
1064
+ </div>
1065
+
1066
+ <div class="glyph">
1067
+ <div class="preview-glyphs">
1068
+ <i class="step fi-female-symbol size-12"></i><i class="step fi-female-symbol size-14"></i><i class="step fi-female-symbol size-16"></i><i class="step fi-female-symbol size-18"></i><i class="step fi-female-symbol size-21"></i><i class="step fi-female-symbol size-24"></i><i class="step fi-female-symbol size-36"></i><i class="step fi-female-symbol size-48"></i><i class="step fi-female-symbol size-60"></i><i class="step fi-female-symbol size-72"></i>
1069
+ </div>
1070
+ <div class="preview-scale">
1071
+ <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>
1072
+ </div>
1073
+ <div class="usage">
1074
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-female-symbol" />
1075
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
1076
+ </div>
1077
+ </div>
1078
+
1079
+ <div class="glyph">
1080
+ <div class="preview-glyphs">
1081
+ <i class="step fi-female size-12"></i><i class="step fi-female size-14"></i><i class="step fi-female size-16"></i><i class="step fi-female size-18"></i><i class="step fi-female size-21"></i><i class="step fi-female size-24"></i><i class="step fi-female size-36"></i><i class="step fi-female size-48"></i><i class="step fi-female size-60"></i><i class="step fi-female size-72"></i>
1082
+ </div>
1083
+ <div class="preview-scale">
1084
+ <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>
1085
+ </div>
1086
+ <div class="usage">
1087
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-female" />
1088
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
1089
+ </div>
1090
+ </div>
1091
+
1092
+ <div class="glyph">
1093
+ <div class="preview-glyphs">
1094
+ <i class="step fi-filter size-12"></i><i class="step fi-filter size-14"></i><i class="step fi-filter size-16"></i><i class="step fi-filter size-18"></i><i class="step fi-filter size-21"></i><i class="step fi-filter size-24"></i><i class="step fi-filter size-36"></i><i class="step fi-filter size-48"></i><i class="step fi-filter size-60"></i><i class="step fi-filter size-72"></i>
1095
+ </div>
1096
+ <div class="preview-scale">
1097
+ <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>
1098
+ </div>
1099
+ <div class="usage">
1100
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-filter" />
1101
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
1102
+ </div>
1103
+ </div>
1104
+
1105
+ <div class="glyph">
1106
+ <div class="preview-glyphs">
1107
+ <i class="step fi-first-aid size-12"></i><i class="step fi-first-aid size-14"></i><i class="step fi-first-aid size-16"></i><i class="step fi-first-aid size-18"></i><i class="step fi-first-aid size-21"></i><i class="step fi-first-aid size-24"></i><i class="step fi-first-aid size-36"></i><i class="step fi-first-aid size-48"></i><i class="step fi-first-aid size-60"></i><i class="step fi-first-aid size-72"></i>
1108
+ </div>
1109
+ <div class="preview-scale">
1110
+ <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>
1111
+ </div>
1112
+ <div class="usage">
1113
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-first-aid" />
1114
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
1115
+ </div>
1116
+ </div>
1117
+
1118
+ <div class="glyph">
1119
+ <div class="preview-glyphs">
1120
+ <i class="step fi-flag size-12"></i><i class="step fi-flag size-14"></i><i class="step fi-flag size-16"></i><i class="step fi-flag size-18"></i><i class="step fi-flag size-21"></i><i class="step fi-flag size-24"></i><i class="step fi-flag size-36"></i><i class="step fi-flag size-48"></i><i class="step fi-flag size-60"></i><i class="step fi-flag size-72"></i>
1121
+ </div>
1122
+ <div class="preview-scale">
1123
+ <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>
1124
+ </div>
1125
+ <div class="usage">
1126
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-flag" />
1127
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
1128
+ </div>
1129
+ </div>
1130
+
1131
+ <div class="glyph">
1132
+ <div class="preview-glyphs">
1133
+ <i class="step fi-folder-add size-12"></i><i class="step fi-folder-add size-14"></i><i class="step fi-folder-add size-16"></i><i class="step fi-folder-add size-18"></i><i class="step fi-folder-add size-21"></i><i class="step fi-folder-add size-24"></i><i class="step fi-folder-add size-36"></i><i class="step fi-folder-add size-48"></i><i class="step fi-folder-add size-60"></i><i class="step fi-folder-add size-72"></i>
1134
+ </div>
1135
+ <div class="preview-scale">
1136
+ <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>
1137
+ </div>
1138
+ <div class="usage">
1139
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-folder-add" />
1140
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
1141
+ </div>
1142
+ </div>
1143
+
1144
+ <div class="glyph">
1145
+ <div class="preview-glyphs">
1146
+ <i class="step fi-folder-lock size-12"></i><i class="step fi-folder-lock size-14"></i><i class="step fi-folder-lock size-16"></i><i class="step fi-folder-lock size-18"></i><i class="step fi-folder-lock size-21"></i><i class="step fi-folder-lock size-24"></i><i class="step fi-folder-lock size-36"></i><i class="step fi-folder-lock size-48"></i><i class="step fi-folder-lock size-60"></i><i class="step fi-folder-lock size-72"></i>
1147
+ </div>
1148
+ <div class="preview-scale">
1149
+ <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>
1150
+ </div>
1151
+ <div class="usage">
1152
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-folder-lock" />
1153
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
1154
+ </div>
1155
+ </div>
1156
+
1157
+ <div class="glyph">
1158
+ <div class="preview-glyphs">
1159
+ <i class="step fi-folder size-12"></i><i class="step fi-folder size-14"></i><i class="step fi-folder size-16"></i><i class="step fi-folder size-18"></i><i class="step fi-folder size-21"></i><i class="step fi-folder size-24"></i><i class="step fi-folder size-36"></i><i class="step fi-folder size-48"></i><i class="step fi-folder size-60"></i><i class="step fi-folder size-72"></i>
1160
+ </div>
1161
+ <div class="preview-scale">
1162
+ <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>
1163
+ </div>
1164
+ <div class="usage">
1165
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-folder" />
1166
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
1167
+ </div>
1168
+ </div>
1169
+
1170
+ <div class="glyph">
1171
+ <div class="preview-glyphs">
1172
+ <i class="step fi-foot size-12"></i><i class="step fi-foot size-14"></i><i class="step fi-foot size-16"></i><i class="step fi-foot size-18"></i><i class="step fi-foot size-21"></i><i class="step fi-foot size-24"></i><i class="step fi-foot size-36"></i><i class="step fi-foot size-48"></i><i class="step fi-foot size-60"></i><i class="step fi-foot size-72"></i>
1173
+ </div>
1174
+ <div class="preview-scale">
1175
+ <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>
1176
+ </div>
1177
+ <div class="usage">
1178
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-foot" />
1179
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
1180
+ </div>
1181
+ </div>
1182
+
1183
+ <div class="glyph">
1184
+ <div class="preview-glyphs">
1185
+ <i class="step fi-foundation size-12"></i><i class="step fi-foundation size-14"></i><i class="step fi-foundation size-16"></i><i class="step fi-foundation size-18"></i><i class="step fi-foundation size-21"></i><i class="step fi-foundation size-24"></i><i class="step fi-foundation size-36"></i><i class="step fi-foundation size-48"></i><i class="step fi-foundation size-60"></i><i class="step fi-foundation size-72"></i>
1186
+ </div>
1187
+ <div class="preview-scale">
1188
+ <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>
1189
+ </div>
1190
+ <div class="usage">
1191
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-foundation" />
1192
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
1193
+ </div>
1194
+ </div>
1195
+
1196
+ <div class="glyph">
1197
+ <div class="preview-glyphs">
1198
+ <i class="step fi-graph-bar size-12"></i><i class="step fi-graph-bar size-14"></i><i class="step fi-graph-bar size-16"></i><i class="step fi-graph-bar size-18"></i><i class="step fi-graph-bar size-21"></i><i class="step fi-graph-bar size-24"></i><i class="step fi-graph-bar size-36"></i><i class="step fi-graph-bar size-48"></i><i class="step fi-graph-bar size-60"></i><i class="step fi-graph-bar size-72"></i>
1199
+ </div>
1200
+ <div class="preview-scale">
1201
+ <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>
1202
+ </div>
1203
+ <div class="usage">
1204
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-bar" />
1205
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
1206
+ </div>
1207
+ </div>
1208
+
1209
+ <div class="glyph">
1210
+ <div class="preview-glyphs">
1211
+ <i class="step fi-graph-horizontal size-12"></i><i class="step fi-graph-horizontal size-14"></i><i class="step fi-graph-horizontal size-16"></i><i class="step fi-graph-horizontal size-18"></i><i class="step fi-graph-horizontal size-21"></i><i class="step fi-graph-horizontal size-24"></i><i class="step fi-graph-horizontal size-36"></i><i class="step fi-graph-horizontal size-48"></i><i class="step fi-graph-horizontal size-60"></i><i class="step fi-graph-horizontal 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=".fi-graph-horizontal" />
1218
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
1219
+ </div>
1220
+ </div>
1221
+
1222
+ <div class="glyph">
1223
+ <div class="preview-glyphs">
1224
+ <i class="step fi-graph-pie size-12"></i><i class="step fi-graph-pie size-14"></i><i class="step fi-graph-pie size-16"></i><i class="step fi-graph-pie size-18"></i><i class="step fi-graph-pie size-21"></i><i class="step fi-graph-pie size-24"></i><i class="step fi-graph-pie size-36"></i><i class="step fi-graph-pie size-48"></i><i class="step fi-graph-pie size-60"></i><i class="step fi-graph-pie size-72"></i>
1225
+ </div>
1226
+ <div class="preview-scale">
1227
+ <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>
1228
+ </div>
1229
+ <div class="usage">
1230
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-pie" />
1231
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
1232
+ </div>
1233
+ </div>
1234
+
1235
+ <div class="glyph">
1236
+ <div class="preview-glyphs">
1237
+ <i class="step fi-graph-trend size-12"></i><i class="step fi-graph-trend size-14"></i><i class="step fi-graph-trend size-16"></i><i class="step fi-graph-trend size-18"></i><i class="step fi-graph-trend size-21"></i><i class="step fi-graph-trend size-24"></i><i class="step fi-graph-trend size-36"></i><i class="step fi-graph-trend size-48"></i><i class="step fi-graph-trend size-60"></i><i class="step fi-graph-trend size-72"></i>
1238
+ </div>
1239
+ <div class="preview-scale">
1240
+ <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>
1241
+ </div>
1242
+ <div class="usage">
1243
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-graph-trend" />
1244
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
1245
+ </div>
1246
+ </div>
1247
+
1248
+ <div class="glyph">
1249
+ <div class="preview-glyphs">
1250
+ <i class="step fi-guide-dog size-12"></i><i class="step fi-guide-dog size-14"></i><i class="step fi-guide-dog size-16"></i><i class="step fi-guide-dog size-18"></i><i class="step fi-guide-dog size-21"></i><i class="step fi-guide-dog size-24"></i><i class="step fi-guide-dog size-36"></i><i class="step fi-guide-dog size-48"></i><i class="step fi-guide-dog size-60"></i><i class="step fi-guide-dog size-72"></i>
1251
+ </div>
1252
+ <div class="preview-scale">
1253
+ <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>
1254
+ </div>
1255
+ <div class="usage">
1256
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-guide-dog" />
1257
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
1258
+ </div>
1259
+ </div>
1260
+
1261
+ <div class="glyph">
1262
+ <div class="preview-glyphs">
1263
+ <i class="step fi-hearing-aid size-12"></i><i class="step fi-hearing-aid size-14"></i><i class="step fi-hearing-aid size-16"></i><i class="step fi-hearing-aid size-18"></i><i class="step fi-hearing-aid size-21"></i><i class="step fi-hearing-aid size-24"></i><i class="step fi-hearing-aid size-36"></i><i class="step fi-hearing-aid size-48"></i><i class="step fi-hearing-aid size-60"></i><i class="step fi-hearing-aid size-72"></i>
1264
+ </div>
1265
+ <div class="preview-scale">
1266
+ <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>
1267
+ </div>
1268
+ <div class="usage">
1269
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-hearing-aid" />
1270
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
1271
+ </div>
1272
+ </div>
1273
+
1274
+ <div class="glyph">
1275
+ <div class="preview-glyphs">
1276
+ <i class="step fi-heart size-12"></i><i class="step fi-heart size-14"></i><i class="step fi-heart size-16"></i><i class="step fi-heart size-18"></i><i class="step fi-heart size-21"></i><i class="step fi-heart size-24"></i><i class="step fi-heart size-36"></i><i class="step fi-heart size-48"></i><i class="step fi-heart size-60"></i><i class="step fi-heart size-72"></i>
1277
+ </div>
1278
+ <div class="preview-scale">
1279
+ <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>
1280
+ </div>
1281
+ <div class="usage">
1282
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-heart" />
1283
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
1284
+ </div>
1285
+ </div>
1286
+
1287
+ <div class="glyph">
1288
+ <div class="preview-glyphs">
1289
+ <i class="step fi-home size-12"></i><i class="step fi-home size-14"></i><i class="step fi-home size-16"></i><i class="step fi-home size-18"></i><i class="step fi-home size-21"></i><i class="step fi-home size-24"></i><i class="step fi-home size-36"></i><i class="step fi-home size-48"></i><i class="step fi-home size-60"></i><i class="step fi-home size-72"></i>
1290
+ </div>
1291
+ <div class="preview-scale">
1292
+ <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>
1293
+ </div>
1294
+ <div class="usage">
1295
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-home" />
1296
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
1297
+ </div>
1298
+ </div>
1299
+
1300
+ <div class="glyph">
1301
+ <div class="preview-glyphs">
1302
+ <i class="step fi-html5 size-12"></i><i class="step fi-html5 size-14"></i><i class="step fi-html5 size-16"></i><i class="step fi-html5 size-18"></i><i class="step fi-html5 size-21"></i><i class="step fi-html5 size-24"></i><i class="step fi-html5 size-36"></i><i class="step fi-html5 size-48"></i><i class="step fi-html5 size-60"></i><i class="step fi-html5 size-72"></i>
1303
+ </div>
1304
+ <div class="preview-scale">
1305
+ <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>
1306
+ </div>
1307
+ <div class="usage">
1308
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-html5" />
1309
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
1310
+ </div>
1311
+ </div>
1312
+
1313
+ <div class="glyph">
1314
+ <div class="preview-glyphs">
1315
+ <i class="step fi-indent-less size-12"></i><i class="step fi-indent-less size-14"></i><i class="step fi-indent-less size-16"></i><i class="step fi-indent-less size-18"></i><i class="step fi-indent-less size-21"></i><i class="step fi-indent-less size-24"></i><i class="step fi-indent-less size-36"></i><i class="step fi-indent-less size-48"></i><i class="step fi-indent-less size-60"></i><i class="step fi-indent-less size-72"></i>
1316
+ </div>
1317
+ <div class="preview-scale">
1318
+ <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>
1319
+ </div>
1320
+ <div class="usage">
1321
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-indent-less" />
1322
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
1323
+ </div>
1324
+ </div>
1325
+
1326
+ <div class="glyph">
1327
+ <div class="preview-glyphs">
1328
+ <i class="step fi-indent-more size-12"></i><i class="step fi-indent-more size-14"></i><i class="step fi-indent-more size-16"></i><i class="step fi-indent-more size-18"></i><i class="step fi-indent-more size-21"></i><i class="step fi-indent-more size-24"></i><i class="step fi-indent-more size-36"></i><i class="step fi-indent-more size-48"></i><i class="step fi-indent-more size-60"></i><i class="step fi-indent-more size-72"></i>
1329
+ </div>
1330
+ <div class="preview-scale">
1331
+ <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>
1332
+ </div>
1333
+ <div class="usage">
1334
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-indent-more" />
1335
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
1336
+ </div>
1337
+ </div>
1338
+
1339
+ <div class="glyph">
1340
+ <div class="preview-glyphs">
1341
+ <i class="step fi-info size-12"></i><i class="step fi-info size-14"></i><i class="step fi-info size-16"></i><i class="step fi-info size-18"></i><i class="step fi-info size-21"></i><i class="step fi-info size-24"></i><i class="step fi-info size-36"></i><i class="step fi-info size-48"></i><i class="step fi-info size-60"></i><i class="step fi-info size-72"></i>
1342
+ </div>
1343
+ <div class="preview-scale">
1344
+ <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>
1345
+ </div>
1346
+ <div class="usage">
1347
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-info" />
1348
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
1349
+ </div>
1350
+ </div>
1351
+
1352
+ <div class="glyph">
1353
+ <div class="preview-glyphs">
1354
+ <i class="step fi-italic size-12"></i><i class="step fi-italic size-14"></i><i class="step fi-italic size-16"></i><i class="step fi-italic size-18"></i><i class="step fi-italic size-21"></i><i class="step fi-italic size-24"></i><i class="step fi-italic size-36"></i><i class="step fi-italic size-48"></i><i class="step fi-italic size-60"></i><i class="step fi-italic size-72"></i>
1355
+ </div>
1356
+ <div class="preview-scale">
1357
+ <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>
1358
+ </div>
1359
+ <div class="usage">
1360
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-italic" />
1361
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
1362
+ </div>
1363
+ </div>
1364
+
1365
+ <div class="glyph">
1366
+ <div class="preview-glyphs">
1367
+ <i class="step fi-key size-12"></i><i class="step fi-key size-14"></i><i class="step fi-key size-16"></i><i class="step fi-key size-18"></i><i class="step fi-key size-21"></i><i class="step fi-key size-24"></i><i class="step fi-key size-36"></i><i class="step fi-key size-48"></i><i class="step fi-key size-60"></i><i class="step fi-key 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=".fi-key" />
1374
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
1375
+ </div>
1376
+ </div>
1377
+
1378
+ <div class="glyph">
1379
+ <div class="preview-glyphs">
1380
+ <i class="step fi-laptop size-12"></i><i class="step fi-laptop size-14"></i><i class="step fi-laptop size-16"></i><i class="step fi-laptop size-18"></i><i class="step fi-laptop size-21"></i><i class="step fi-laptop size-24"></i><i class="step fi-laptop size-36"></i><i class="step fi-laptop size-48"></i><i class="step fi-laptop size-60"></i><i class="step fi-laptop size-72"></i>
1381
+ </div>
1382
+ <div class="preview-scale">
1383
+ <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>
1384
+ </div>
1385
+ <div class="usage">
1386
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-laptop" />
1387
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
1388
+ </div>
1389
+ </div>
1390
+
1391
+ <div class="glyph">
1392
+ <div class="preview-glyphs">
1393
+ <i class="step fi-layout size-12"></i><i class="step fi-layout size-14"></i><i class="step fi-layout size-16"></i><i class="step fi-layout size-18"></i><i class="step fi-layout size-21"></i><i class="step fi-layout size-24"></i><i class="step fi-layout size-36"></i><i class="step fi-layout size-48"></i><i class="step fi-layout size-60"></i><i class="step fi-layout size-72"></i>
1394
+ </div>
1395
+ <div class="preview-scale">
1396
+ <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>
1397
+ </div>
1398
+ <div class="usage">
1399
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-layout" />
1400
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
1401
+ </div>
1402
+ </div>
1403
+
1404
+ <div class="glyph">
1405
+ <div class="preview-glyphs">
1406
+ <i class="step fi-lightbulb size-12"></i><i class="step fi-lightbulb size-14"></i><i class="step fi-lightbulb size-16"></i><i class="step fi-lightbulb size-18"></i><i class="step fi-lightbulb size-21"></i><i class="step fi-lightbulb size-24"></i><i class="step fi-lightbulb size-36"></i><i class="step fi-lightbulb size-48"></i><i class="step fi-lightbulb size-60"></i><i class="step fi-lightbulb size-72"></i>
1407
+ </div>
1408
+ <div class="preview-scale">
1409
+ <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>
1410
+ </div>
1411
+ <div class="usage">
1412
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-lightbulb" />
1413
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
1414
+ </div>
1415
+ </div>
1416
+
1417
+ <div class="glyph">
1418
+ <div class="preview-glyphs">
1419
+ <i class="step fi-like size-12"></i><i class="step fi-like size-14"></i><i class="step fi-like size-16"></i><i class="step fi-like size-18"></i><i class="step fi-like size-21"></i><i class="step fi-like size-24"></i><i class="step fi-like size-36"></i><i class="step fi-like size-48"></i><i class="step fi-like size-60"></i><i class="step fi-like size-72"></i>
1420
+ </div>
1421
+ <div class="preview-scale">
1422
+ <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>
1423
+ </div>
1424
+ <div class="usage">
1425
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-like" />
1426
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
1427
+ </div>
1428
+ </div>
1429
+
1430
+ <div class="glyph">
1431
+ <div class="preview-glyphs">
1432
+ <i class="step fi-link size-12"></i><i class="step fi-link size-14"></i><i class="step fi-link size-16"></i><i class="step fi-link size-18"></i><i class="step fi-link size-21"></i><i class="step fi-link size-24"></i><i class="step fi-link size-36"></i><i class="step fi-link size-48"></i><i class="step fi-link size-60"></i><i class="step fi-link size-72"></i>
1433
+ </div>
1434
+ <div class="preview-scale">
1435
+ <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>
1436
+ </div>
1437
+ <div class="usage">
1438
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-link" />
1439
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
1440
+ </div>
1441
+ </div>
1442
+
1443
+ <div class="glyph">
1444
+ <div class="preview-glyphs">
1445
+ <i class="step fi-list-bullet size-12"></i><i class="step fi-list-bullet size-14"></i><i class="step fi-list-bullet size-16"></i><i class="step fi-list-bullet size-18"></i><i class="step fi-list-bullet size-21"></i><i class="step fi-list-bullet size-24"></i><i class="step fi-list-bullet size-36"></i><i class="step fi-list-bullet size-48"></i><i class="step fi-list-bullet size-60"></i><i class="step fi-list-bullet size-72"></i>
1446
+ </div>
1447
+ <div class="preview-scale">
1448
+ <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>
1449
+ </div>
1450
+ <div class="usage">
1451
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list-bullet" />
1452
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
1453
+ </div>
1454
+ </div>
1455
+
1456
+ <div class="glyph">
1457
+ <div class="preview-glyphs">
1458
+ <i class="step fi-list-number size-12"></i><i class="step fi-list-number size-14"></i><i class="step fi-list-number size-16"></i><i class="step fi-list-number size-18"></i><i class="step fi-list-number size-21"></i><i class="step fi-list-number size-24"></i><i class="step fi-list-number size-36"></i><i class="step fi-list-number size-48"></i><i class="step fi-list-number size-60"></i><i class="step fi-list-number size-72"></i>
1459
+ </div>
1460
+ <div class="preview-scale">
1461
+ <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>
1462
+ </div>
1463
+ <div class="usage">
1464
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list-number" />
1465
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
1466
+ </div>
1467
+ </div>
1468
+
1469
+ <div class="glyph">
1470
+ <div class="preview-glyphs">
1471
+ <i class="step fi-list-thumbnails size-12"></i><i class="step fi-list-thumbnails size-14"></i><i class="step fi-list-thumbnails size-16"></i><i class="step fi-list-thumbnails size-18"></i><i class="step fi-list-thumbnails size-21"></i><i class="step fi-list-thumbnails size-24"></i><i class="step fi-list-thumbnails size-36"></i><i class="step fi-list-thumbnails size-48"></i><i class="step fi-list-thumbnails size-60"></i><i class="step fi-list-thumbnails size-72"></i>
1472
+ </div>
1473
+ <div class="preview-scale">
1474
+ <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>
1475
+ </div>
1476
+ <div class="usage">
1477
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list-thumbnails" />
1478
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
1479
+ </div>
1480
+ </div>
1481
+
1482
+ <div class="glyph">
1483
+ <div class="preview-glyphs">
1484
+ <i class="step fi-list size-12"></i><i class="step fi-list size-14"></i><i class="step fi-list size-16"></i><i class="step fi-list size-18"></i><i class="step fi-list size-21"></i><i class="step fi-list size-24"></i><i class="step fi-list size-36"></i><i class="step fi-list size-48"></i><i class="step fi-list size-60"></i><i class="step fi-list size-72"></i>
1485
+ </div>
1486
+ <div class="preview-scale">
1487
+ <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>
1488
+ </div>
1489
+ <div class="usage">
1490
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-list" />
1491
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
1492
+ </div>
1493
+ </div>
1494
+
1495
+ <div class="glyph">
1496
+ <div class="preview-glyphs">
1497
+ <i class="step fi-lock size-12"></i><i class="step fi-lock size-14"></i><i class="step fi-lock size-16"></i><i class="step fi-lock size-18"></i><i class="step fi-lock size-21"></i><i class="step fi-lock size-24"></i><i class="step fi-lock size-36"></i><i class="step fi-lock size-48"></i><i class="step fi-lock size-60"></i><i class="step fi-lock size-72"></i>
1498
+ </div>
1499
+ <div class="preview-scale">
1500
+ <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>
1501
+ </div>
1502
+ <div class="usage">
1503
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-lock" />
1504
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
1505
+ </div>
1506
+ </div>
1507
+
1508
+ <div class="glyph">
1509
+ <div class="preview-glyphs">
1510
+ <i class="step fi-loop size-12"></i><i class="step fi-loop size-14"></i><i class="step fi-loop size-16"></i><i class="step fi-loop size-18"></i><i class="step fi-loop size-21"></i><i class="step fi-loop size-24"></i><i class="step fi-loop size-36"></i><i class="step fi-loop size-48"></i><i class="step fi-loop size-60"></i><i class="step fi-loop size-72"></i>
1511
+ </div>
1512
+ <div class="preview-scale">
1513
+ <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>
1514
+ </div>
1515
+ <div class="usage">
1516
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-loop" />
1517
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
1518
+ </div>
1519
+ </div>
1520
+
1521
+ <div class="glyph">
1522
+ <div class="preview-glyphs">
1523
+ <i class="step fi-magnifying-glass size-12"></i><i class="step fi-magnifying-glass size-14"></i><i class="step fi-magnifying-glass size-16"></i><i class="step fi-magnifying-glass size-18"></i><i class="step fi-magnifying-glass size-21"></i><i class="step fi-magnifying-glass size-24"></i><i class="step fi-magnifying-glass size-36"></i><i class="step fi-magnifying-glass size-48"></i><i class="step fi-magnifying-glass size-60"></i><i class="step fi-magnifying-glass 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=".fi-magnifying-glass" />
1530
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
1531
+ </div>
1532
+ </div>
1533
+
1534
+ <div class="glyph">
1535
+ <div class="preview-glyphs">
1536
+ <i class="step fi-mail size-12"></i><i class="step fi-mail size-14"></i><i class="step fi-mail size-16"></i><i class="step fi-mail size-18"></i><i class="step fi-mail size-21"></i><i class="step fi-mail size-24"></i><i class="step fi-mail size-36"></i><i class="step fi-mail size-48"></i><i class="step fi-mail size-60"></i><i class="step fi-mail size-72"></i>
1537
+ </div>
1538
+ <div class="preview-scale">
1539
+ <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>
1540
+ </div>
1541
+ <div class="usage">
1542
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mail" />
1543
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
1544
+ </div>
1545
+ </div>
1546
+
1547
+ <div class="glyph">
1548
+ <div class="preview-glyphs">
1549
+ <i class="step fi-male-female size-12"></i><i class="step fi-male-female size-14"></i><i class="step fi-male-female size-16"></i><i class="step fi-male-female size-18"></i><i class="step fi-male-female size-21"></i><i class="step fi-male-female size-24"></i><i class="step fi-male-female size-36"></i><i class="step fi-male-female size-48"></i><i class="step fi-male-female size-60"></i><i class="step fi-male-female size-72"></i>
1550
+ </div>
1551
+ <div class="preview-scale">
1552
+ <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>
1553
+ </div>
1554
+ <div class="usage">
1555
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-male-female" />
1556
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
1557
+ </div>
1558
+ </div>
1559
+
1560
+ <div class="glyph">
1561
+ <div class="preview-glyphs">
1562
+ <i class="step fi-male-symbol size-12"></i><i class="step fi-male-symbol size-14"></i><i class="step fi-male-symbol size-16"></i><i class="step fi-male-symbol size-18"></i><i class="step fi-male-symbol size-21"></i><i class="step fi-male-symbol size-24"></i><i class="step fi-male-symbol size-36"></i><i class="step fi-male-symbol size-48"></i><i class="step fi-male-symbol size-60"></i><i class="step fi-male-symbol size-72"></i>
1563
+ </div>
1564
+ <div class="preview-scale">
1565
+ <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>
1566
+ </div>
1567
+ <div class="usage">
1568
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-male-symbol" />
1569
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16f;" />
1570
+ </div>
1571
+ </div>
1572
+
1573
+ <div class="glyph">
1574
+ <div class="preview-glyphs">
1575
+ <i class="step fi-male size-12"></i><i class="step fi-male size-14"></i><i class="step fi-male size-16"></i><i class="step fi-male size-18"></i><i class="step fi-male size-21"></i><i class="step fi-male size-24"></i><i class="step fi-male size-36"></i><i class="step fi-male size-48"></i><i class="step fi-male size-60"></i><i class="step fi-male size-72"></i>
1576
+ </div>
1577
+ <div class="preview-scale">
1578
+ <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>
1579
+ </div>
1580
+ <div class="usage">
1581
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-male" />
1582
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
1583
+ </div>
1584
+ </div>
1585
+
1586
+ <div class="glyph">
1587
+ <div class="preview-glyphs">
1588
+ <i class="step fi-map size-12"></i><i class="step fi-map size-14"></i><i class="step fi-map size-16"></i><i class="step fi-map size-18"></i><i class="step fi-map size-21"></i><i class="step fi-map size-24"></i><i class="step fi-map size-36"></i><i class="step fi-map size-48"></i><i class="step fi-map size-60"></i><i class="step fi-map size-72"></i>
1589
+ </div>
1590
+ <div class="preview-scale">
1591
+ <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>
1592
+ </div>
1593
+ <div class="usage">
1594
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-map" />
1595
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
1596
+ </div>
1597
+ </div>
1598
+
1599
+ <div class="glyph">
1600
+ <div class="preview-glyphs">
1601
+ <i class="step fi-marker size-12"></i><i class="step fi-marker size-14"></i><i class="step fi-marker size-16"></i><i class="step fi-marker size-18"></i><i class="step fi-marker size-21"></i><i class="step fi-marker size-24"></i><i class="step fi-marker size-36"></i><i class="step fi-marker size-48"></i><i class="step fi-marker size-60"></i><i class="step fi-marker size-72"></i>
1602
+ </div>
1603
+ <div class="preview-scale">
1604
+ <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>
1605
+ </div>
1606
+ <div class="usage">
1607
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-marker" />
1608
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf172;" />
1609
+ </div>
1610
+ </div>
1611
+
1612
+ <div class="glyph">
1613
+ <div class="preview-glyphs">
1614
+ <i class="step fi-megaphone size-12"></i><i class="step fi-megaphone size-14"></i><i class="step fi-megaphone size-16"></i><i class="step fi-megaphone size-18"></i><i class="step fi-megaphone size-21"></i><i class="step fi-megaphone size-24"></i><i class="step fi-megaphone size-36"></i><i class="step fi-megaphone size-48"></i><i class="step fi-megaphone size-60"></i><i class="step fi-megaphone size-72"></i>
1615
+ </div>
1616
+ <div class="preview-scale">
1617
+ <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>
1618
+ </div>
1619
+ <div class="usage">
1620
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-megaphone" />
1621
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
1622
+ </div>
1623
+ </div>
1624
+
1625
+ <div class="glyph">
1626
+ <div class="preview-glyphs">
1627
+ <i class="step fi-microphone size-12"></i><i class="step fi-microphone size-14"></i><i class="step fi-microphone size-16"></i><i class="step fi-microphone size-18"></i><i class="step fi-microphone size-21"></i><i class="step fi-microphone size-24"></i><i class="step fi-microphone size-36"></i><i class="step fi-microphone size-48"></i><i class="step fi-microphone size-60"></i><i class="step fi-microphone size-72"></i>
1628
+ </div>
1629
+ <div class="preview-scale">
1630
+ <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>
1631
+ </div>
1632
+ <div class="usage">
1633
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-microphone" />
1634
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
1635
+ </div>
1636
+ </div>
1637
+
1638
+ <div class="glyph">
1639
+ <div class="preview-glyphs">
1640
+ <i class="step fi-minus-circle size-12"></i><i class="step fi-minus-circle size-14"></i><i class="step fi-minus-circle size-16"></i><i class="step fi-minus-circle size-18"></i><i class="step fi-minus-circle size-21"></i><i class="step fi-minus-circle size-24"></i><i class="step fi-minus-circle size-36"></i><i class="step fi-minus-circle size-48"></i><i class="step fi-minus-circle size-60"></i><i class="step fi-minus-circle size-72"></i>
1641
+ </div>
1642
+ <div class="preview-scale">
1643
+ <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>
1644
+ </div>
1645
+ <div class="usage">
1646
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-minus-circle" />
1647
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
1648
+ </div>
1649
+ </div>
1650
+
1651
+ <div class="glyph">
1652
+ <div class="preview-glyphs">
1653
+ <i class="step fi-minus size-12"></i><i class="step fi-minus size-14"></i><i class="step fi-minus size-16"></i><i class="step fi-minus size-18"></i><i class="step fi-minus size-21"></i><i class="step fi-minus size-24"></i><i class="step fi-minus size-36"></i><i class="step fi-minus size-48"></i><i class="step fi-minus size-60"></i><i class="step fi-minus size-72"></i>
1654
+ </div>
1655
+ <div class="preview-scale">
1656
+ <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>
1657
+ </div>
1658
+ <div class="usage">
1659
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-minus" />
1660
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
1661
+ </div>
1662
+ </div>
1663
+
1664
+ <div class="glyph">
1665
+ <div class="preview-glyphs">
1666
+ <i class="step fi-mobile-signal size-12"></i><i class="step fi-mobile-signal size-14"></i><i class="step fi-mobile-signal size-16"></i><i class="step fi-mobile-signal size-18"></i><i class="step fi-mobile-signal size-21"></i><i class="step fi-mobile-signal size-24"></i><i class="step fi-mobile-signal size-36"></i><i class="step fi-mobile-signal size-48"></i><i class="step fi-mobile-signal size-60"></i><i class="step fi-mobile-signal size-72"></i>
1667
+ </div>
1668
+ <div class="preview-scale">
1669
+ <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>
1670
+ </div>
1671
+ <div class="usage">
1672
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mobile-signal" />
1673
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf177;" />
1674
+ </div>
1675
+ </div>
1676
+
1677
+ <div class="glyph">
1678
+ <div class="preview-glyphs">
1679
+ <i class="step fi-mobile size-12"></i><i class="step fi-mobile size-14"></i><i class="step fi-mobile size-16"></i><i class="step fi-mobile size-18"></i><i class="step fi-mobile size-21"></i><i class="step fi-mobile size-24"></i><i class="step fi-mobile size-36"></i><i class="step fi-mobile size-48"></i><i class="step fi-mobile size-60"></i><i class="step fi-mobile 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=".fi-mobile" />
1686
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf178;" />
1687
+ </div>
1688
+ </div>
1689
+
1690
+ <div class="glyph">
1691
+ <div class="preview-glyphs">
1692
+ <i class="step fi-monitor size-12"></i><i class="step fi-monitor size-14"></i><i class="step fi-monitor size-16"></i><i class="step fi-monitor size-18"></i><i class="step fi-monitor size-21"></i><i class="step fi-monitor size-24"></i><i class="step fi-monitor size-36"></i><i class="step fi-monitor size-48"></i><i class="step fi-monitor size-60"></i><i class="step fi-monitor size-72"></i>
1693
+ </div>
1694
+ <div class="preview-scale">
1695
+ <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>
1696
+ </div>
1697
+ <div class="usage">
1698
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-monitor" />
1699
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf179;" />
1700
+ </div>
1701
+ </div>
1702
+
1703
+ <div class="glyph">
1704
+ <div class="preview-glyphs">
1705
+ <i class="step fi-mountains size-12"></i><i class="step fi-mountains size-14"></i><i class="step fi-mountains size-16"></i><i class="step fi-mountains size-18"></i><i class="step fi-mountains size-21"></i><i class="step fi-mountains size-24"></i><i class="step fi-mountains size-36"></i><i class="step fi-mountains size-48"></i><i class="step fi-mountains size-60"></i><i class="step fi-mountains size-72"></i>
1706
+ </div>
1707
+ <div class="preview-scale">
1708
+ <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>
1709
+ </div>
1710
+ <div class="usage">
1711
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-mountains" />
1712
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17a;" />
1713
+ </div>
1714
+ </div>
1715
+
1716
+ <div class="glyph">
1717
+ <div class="preview-glyphs">
1718
+ <i class="step fi-music size-12"></i><i class="step fi-music size-14"></i><i class="step fi-music size-16"></i><i class="step fi-music size-18"></i><i class="step fi-music size-21"></i><i class="step fi-music size-24"></i><i class="step fi-music size-36"></i><i class="step fi-music size-48"></i><i class="step fi-music size-60"></i><i class="step fi-music size-72"></i>
1719
+ </div>
1720
+ <div class="preview-scale">
1721
+ <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>
1722
+ </div>
1723
+ <div class="usage">
1724
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-music" />
1725
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17b;" />
1726
+ </div>
1727
+ </div>
1728
+
1729
+ <div class="glyph">
1730
+ <div class="preview-glyphs">
1731
+ <i class="step fi-next size-12"></i><i class="step fi-next size-14"></i><i class="step fi-next size-16"></i><i class="step fi-next size-18"></i><i class="step fi-next size-21"></i><i class="step fi-next size-24"></i><i class="step fi-next size-36"></i><i class="step fi-next size-48"></i><i class="step fi-next size-60"></i><i class="step fi-next size-72"></i>
1732
+ </div>
1733
+ <div class="preview-scale">
1734
+ <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>
1735
+ </div>
1736
+ <div class="usage">
1737
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-next" />
1738
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17c;" />
1739
+ </div>
1740
+ </div>
1741
+
1742
+ <div class="glyph">
1743
+ <div class="preview-glyphs">
1744
+ <i class="step fi-no-dogs size-12"></i><i class="step fi-no-dogs size-14"></i><i class="step fi-no-dogs size-16"></i><i class="step fi-no-dogs size-18"></i><i class="step fi-no-dogs size-21"></i><i class="step fi-no-dogs size-24"></i><i class="step fi-no-dogs size-36"></i><i class="step fi-no-dogs size-48"></i><i class="step fi-no-dogs size-60"></i><i class="step fi-no-dogs size-72"></i>
1745
+ </div>
1746
+ <div class="preview-scale">
1747
+ <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>
1748
+ </div>
1749
+ <div class="usage">
1750
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-no-dogs" />
1751
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17d;" />
1752
+ </div>
1753
+ </div>
1754
+
1755
+ <div class="glyph">
1756
+ <div class="preview-glyphs">
1757
+ <i class="step fi-no-smoking size-12"></i><i class="step fi-no-smoking size-14"></i><i class="step fi-no-smoking size-16"></i><i class="step fi-no-smoking size-18"></i><i class="step fi-no-smoking size-21"></i><i class="step fi-no-smoking size-24"></i><i class="step fi-no-smoking size-36"></i><i class="step fi-no-smoking size-48"></i><i class="step fi-no-smoking size-60"></i><i class="step fi-no-smoking size-72"></i>
1758
+ </div>
1759
+ <div class="preview-scale">
1760
+ <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>
1761
+ </div>
1762
+ <div class="usage">
1763
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-no-smoking" />
1764
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17e;" />
1765
+ </div>
1766
+ </div>
1767
+
1768
+ <div class="glyph">
1769
+ <div class="preview-glyphs">
1770
+ <i class="step fi-page-add size-12"></i><i class="step fi-page-add size-14"></i><i class="step fi-page-add size-16"></i><i class="step fi-page-add size-18"></i><i class="step fi-page-add size-21"></i><i class="step fi-page-add size-24"></i><i class="step fi-page-add size-36"></i><i class="step fi-page-add size-48"></i><i class="step fi-page-add size-60"></i><i class="step fi-page-add size-72"></i>
1771
+ </div>
1772
+ <div class="preview-scale">
1773
+ <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>
1774
+ </div>
1775
+ <div class="usage">
1776
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-add" />
1777
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17f;" />
1778
+ </div>
1779
+ </div>
1780
+
1781
+ <div class="glyph">
1782
+ <div class="preview-glyphs">
1783
+ <i class="step fi-page-copy size-12"></i><i class="step fi-page-copy size-14"></i><i class="step fi-page-copy size-16"></i><i class="step fi-page-copy size-18"></i><i class="step fi-page-copy size-21"></i><i class="step fi-page-copy size-24"></i><i class="step fi-page-copy size-36"></i><i class="step fi-page-copy size-48"></i><i class="step fi-page-copy size-60"></i><i class="step fi-page-copy size-72"></i>
1784
+ </div>
1785
+ <div class="preview-scale">
1786
+ <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>
1787
+ </div>
1788
+ <div class="usage">
1789
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-copy" />
1790
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf180;" />
1791
+ </div>
1792
+ </div>
1793
+
1794
+ <div class="glyph">
1795
+ <div class="preview-glyphs">
1796
+ <i class="step fi-page-csv size-12"></i><i class="step fi-page-csv size-14"></i><i class="step fi-page-csv size-16"></i><i class="step fi-page-csv size-18"></i><i class="step fi-page-csv size-21"></i><i class="step fi-page-csv size-24"></i><i class="step fi-page-csv size-36"></i><i class="step fi-page-csv size-48"></i><i class="step fi-page-csv size-60"></i><i class="step fi-page-csv size-72"></i>
1797
+ </div>
1798
+ <div class="preview-scale">
1799
+ <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>
1800
+ </div>
1801
+ <div class="usage">
1802
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-csv" />
1803
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf181;" />
1804
+ </div>
1805
+ </div>
1806
+
1807
+ <div class="glyph">
1808
+ <div class="preview-glyphs">
1809
+ <i class="step fi-page-delete size-12"></i><i class="step fi-page-delete size-14"></i><i class="step fi-page-delete size-16"></i><i class="step fi-page-delete size-18"></i><i class="step fi-page-delete size-21"></i><i class="step fi-page-delete size-24"></i><i class="step fi-page-delete size-36"></i><i class="step fi-page-delete size-48"></i><i class="step fi-page-delete size-60"></i><i class="step fi-page-delete size-72"></i>
1810
+ </div>
1811
+ <div class="preview-scale">
1812
+ <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>
1813
+ </div>
1814
+ <div class="usage">
1815
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-delete" />
1816
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf182;" />
1817
+ </div>
1818
+ </div>
1819
+
1820
+ <div class="glyph">
1821
+ <div class="preview-glyphs">
1822
+ <i class="step fi-page-doc size-12"></i><i class="step fi-page-doc size-14"></i><i class="step fi-page-doc size-16"></i><i class="step fi-page-doc size-18"></i><i class="step fi-page-doc size-21"></i><i class="step fi-page-doc size-24"></i><i class="step fi-page-doc size-36"></i><i class="step fi-page-doc size-48"></i><i class="step fi-page-doc size-60"></i><i class="step fi-page-doc size-72"></i>
1823
+ </div>
1824
+ <div class="preview-scale">
1825
+ <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>
1826
+ </div>
1827
+ <div class="usage">
1828
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-doc" />
1829
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf183;" />
1830
+ </div>
1831
+ </div>
1832
+
1833
+ <div class="glyph">
1834
+ <div class="preview-glyphs">
1835
+ <i class="step fi-page-edit size-12"></i><i class="step fi-page-edit size-14"></i><i class="step fi-page-edit size-16"></i><i class="step fi-page-edit size-18"></i><i class="step fi-page-edit size-21"></i><i class="step fi-page-edit size-24"></i><i class="step fi-page-edit size-36"></i><i class="step fi-page-edit size-48"></i><i class="step fi-page-edit size-60"></i><i class="step fi-page-edit size-72"></i>
1836
+ </div>
1837
+ <div class="preview-scale">
1838
+ <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>
1839
+ </div>
1840
+ <div class="usage">
1841
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-edit" />
1842
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf184;" />
1843
+ </div>
1844
+ </div>
1845
+
1846
+ <div class="glyph">
1847
+ <div class="preview-glyphs">
1848
+ <i class="step fi-page-export-csv size-12"></i><i class="step fi-page-export-csv size-14"></i><i class="step fi-page-export-csv size-16"></i><i class="step fi-page-export-csv size-18"></i><i class="step fi-page-export-csv size-21"></i><i class="step fi-page-export-csv size-24"></i><i class="step fi-page-export-csv size-36"></i><i class="step fi-page-export-csv size-48"></i><i class="step fi-page-export-csv size-60"></i><i class="step fi-page-export-csv size-72"></i>
1849
+ </div>
1850
+ <div class="preview-scale">
1851
+ <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>
1852
+ </div>
1853
+ <div class="usage">
1854
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export-csv" />
1855
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf185;" />
1856
+ </div>
1857
+ </div>
1858
+
1859
+ <div class="glyph">
1860
+ <div class="preview-glyphs">
1861
+ <i class="step fi-page-export-doc size-12"></i><i class="step fi-page-export-doc size-14"></i><i class="step fi-page-export-doc size-16"></i><i class="step fi-page-export-doc size-18"></i><i class="step fi-page-export-doc size-21"></i><i class="step fi-page-export-doc size-24"></i><i class="step fi-page-export-doc size-36"></i><i class="step fi-page-export-doc size-48"></i><i class="step fi-page-export-doc size-60"></i><i class="step fi-page-export-doc size-72"></i>
1862
+ </div>
1863
+ <div class="preview-scale">
1864
+ <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>
1865
+ </div>
1866
+ <div class="usage">
1867
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export-doc" />
1868
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf186;" />
1869
+ </div>
1870
+ </div>
1871
+
1872
+ <div class="glyph">
1873
+ <div class="preview-glyphs">
1874
+ <i class="step fi-page-export-pdf size-12"></i><i class="step fi-page-export-pdf size-14"></i><i class="step fi-page-export-pdf size-16"></i><i class="step fi-page-export-pdf size-18"></i><i class="step fi-page-export-pdf size-21"></i><i class="step fi-page-export-pdf size-24"></i><i class="step fi-page-export-pdf size-36"></i><i class="step fi-page-export-pdf size-48"></i><i class="step fi-page-export-pdf size-60"></i><i class="step fi-page-export-pdf size-72"></i>
1875
+ </div>
1876
+ <div class="preview-scale">
1877
+ <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>
1878
+ </div>
1879
+ <div class="usage">
1880
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export-pdf" />
1881
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf187;" />
1882
+ </div>
1883
+ </div>
1884
+
1885
+ <div class="glyph">
1886
+ <div class="preview-glyphs">
1887
+ <i class="step fi-page-export size-12"></i><i class="step fi-page-export size-14"></i><i class="step fi-page-export size-16"></i><i class="step fi-page-export size-18"></i><i class="step fi-page-export size-21"></i><i class="step fi-page-export size-24"></i><i class="step fi-page-export size-36"></i><i class="step fi-page-export size-48"></i><i class="step fi-page-export size-60"></i><i class="step fi-page-export size-72"></i>
1888
+ </div>
1889
+ <div class="preview-scale">
1890
+ <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>
1891
+ </div>
1892
+ <div class="usage">
1893
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-export" />
1894
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf188;" />
1895
+ </div>
1896
+ </div>
1897
+
1898
+ <div class="glyph">
1899
+ <div class="preview-glyphs">
1900
+ <i class="step fi-page-filled size-12"></i><i class="step fi-page-filled size-14"></i><i class="step fi-page-filled size-16"></i><i class="step fi-page-filled size-18"></i><i class="step fi-page-filled size-21"></i><i class="step fi-page-filled size-24"></i><i class="step fi-page-filled size-36"></i><i class="step fi-page-filled size-48"></i><i class="step fi-page-filled size-60"></i><i class="step fi-page-filled size-72"></i>
1901
+ </div>
1902
+ <div class="preview-scale">
1903
+ <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>
1904
+ </div>
1905
+ <div class="usage">
1906
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-filled" />
1907
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf189;" />
1908
+ </div>
1909
+ </div>
1910
+
1911
+ <div class="glyph">
1912
+ <div class="preview-glyphs">
1913
+ <i class="step fi-page-multiple size-12"></i><i class="step fi-page-multiple size-14"></i><i class="step fi-page-multiple size-16"></i><i class="step fi-page-multiple size-18"></i><i class="step fi-page-multiple size-21"></i><i class="step fi-page-multiple size-24"></i><i class="step fi-page-multiple size-36"></i><i class="step fi-page-multiple size-48"></i><i class="step fi-page-multiple size-60"></i><i class="step fi-page-multiple size-72"></i>
1914
+ </div>
1915
+ <div class="preview-scale">
1916
+ <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>
1917
+ </div>
1918
+ <div class="usage">
1919
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-multiple" />
1920
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18a;" />
1921
+ </div>
1922
+ </div>
1923
+
1924
+ <div class="glyph">
1925
+ <div class="preview-glyphs">
1926
+ <i class="step fi-page-pdf size-12"></i><i class="step fi-page-pdf size-14"></i><i class="step fi-page-pdf size-16"></i><i class="step fi-page-pdf size-18"></i><i class="step fi-page-pdf size-21"></i><i class="step fi-page-pdf size-24"></i><i class="step fi-page-pdf size-36"></i><i class="step fi-page-pdf size-48"></i><i class="step fi-page-pdf size-60"></i><i class="step fi-page-pdf size-72"></i>
1927
+ </div>
1928
+ <div class="preview-scale">
1929
+ <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>
1930
+ </div>
1931
+ <div class="usage">
1932
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-pdf" />
1933
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18b;" />
1934
+ </div>
1935
+ </div>
1936
+
1937
+ <div class="glyph">
1938
+ <div class="preview-glyphs">
1939
+ <i class="step fi-page-remove size-12"></i><i class="step fi-page-remove size-14"></i><i class="step fi-page-remove size-16"></i><i class="step fi-page-remove size-18"></i><i class="step fi-page-remove size-21"></i><i class="step fi-page-remove size-24"></i><i class="step fi-page-remove size-36"></i><i class="step fi-page-remove size-48"></i><i class="step fi-page-remove size-60"></i><i class="step fi-page-remove size-72"></i>
1940
+ </div>
1941
+ <div class="preview-scale">
1942
+ <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>
1943
+ </div>
1944
+ <div class="usage">
1945
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-remove" />
1946
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18c;" />
1947
+ </div>
1948
+ </div>
1949
+
1950
+ <div class="glyph">
1951
+ <div class="preview-glyphs">
1952
+ <i class="step fi-page-search size-12"></i><i class="step fi-page-search size-14"></i><i class="step fi-page-search size-16"></i><i class="step fi-page-search size-18"></i><i class="step fi-page-search size-21"></i><i class="step fi-page-search size-24"></i><i class="step fi-page-search size-36"></i><i class="step fi-page-search size-48"></i><i class="step fi-page-search size-60"></i><i class="step fi-page-search size-72"></i>
1953
+ </div>
1954
+ <div class="preview-scale">
1955
+ <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>
1956
+ </div>
1957
+ <div class="usage">
1958
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page-search" />
1959
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18d;" />
1960
+ </div>
1961
+ </div>
1962
+
1963
+ <div class="glyph">
1964
+ <div class="preview-glyphs">
1965
+ <i class="step fi-page size-12"></i><i class="step fi-page size-14"></i><i class="step fi-page size-16"></i><i class="step fi-page size-18"></i><i class="step fi-page size-21"></i><i class="step fi-page size-24"></i><i class="step fi-page size-36"></i><i class="step fi-page size-48"></i><i class="step fi-page size-60"></i><i class="step fi-page size-72"></i>
1966
+ </div>
1967
+ <div class="preview-scale">
1968
+ <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>
1969
+ </div>
1970
+ <div class="usage">
1971
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-page" />
1972
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18e;" />
1973
+ </div>
1974
+ </div>
1975
+
1976
+ <div class="glyph">
1977
+ <div class="preview-glyphs">
1978
+ <i class="step fi-paint-bucket size-12"></i><i class="step fi-paint-bucket size-14"></i><i class="step fi-paint-bucket size-16"></i><i class="step fi-paint-bucket size-18"></i><i class="step fi-paint-bucket size-21"></i><i class="step fi-paint-bucket size-24"></i><i class="step fi-paint-bucket size-36"></i><i class="step fi-paint-bucket size-48"></i><i class="step fi-paint-bucket size-60"></i><i class="step fi-paint-bucket size-72"></i>
1979
+ </div>
1980
+ <div class="preview-scale">
1981
+ <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>
1982
+ </div>
1983
+ <div class="usage">
1984
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paint-bucket" />
1985
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18f;" />
1986
+ </div>
1987
+ </div>
1988
+
1989
+ <div class="glyph">
1990
+ <div class="preview-glyphs">
1991
+ <i class="step fi-paperclip size-12"></i><i class="step fi-paperclip size-14"></i><i class="step fi-paperclip size-16"></i><i class="step fi-paperclip size-18"></i><i class="step fi-paperclip size-21"></i><i class="step fi-paperclip size-24"></i><i class="step fi-paperclip size-36"></i><i class="step fi-paperclip size-48"></i><i class="step fi-paperclip size-60"></i><i class="step fi-paperclip size-72"></i>
1992
+ </div>
1993
+ <div class="preview-scale">
1994
+ <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>
1995
+ </div>
1996
+ <div class="usage">
1997
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paperclip" />
1998
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf190;" />
1999
+ </div>
2000
+ </div>
2001
+
2002
+ <div class="glyph">
2003
+ <div class="preview-glyphs">
2004
+ <i class="step fi-pause size-12"></i><i class="step fi-pause size-14"></i><i class="step fi-pause size-16"></i><i class="step fi-pause size-18"></i><i class="step fi-pause size-21"></i><i class="step fi-pause size-24"></i><i class="step fi-pause size-36"></i><i class="step fi-pause size-48"></i><i class="step fi-pause size-60"></i><i class="step fi-pause size-72"></i>
2005
+ </div>
2006
+ <div class="preview-scale">
2007
+ <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>
2008
+ </div>
2009
+ <div class="usage">
2010
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pause" />
2011
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf191;" />
2012
+ </div>
2013
+ </div>
2014
+
2015
+ <div class="glyph">
2016
+ <div class="preview-glyphs">
2017
+ <i class="step fi-paw size-12"></i><i class="step fi-paw size-14"></i><i class="step fi-paw size-16"></i><i class="step fi-paw size-18"></i><i class="step fi-paw size-21"></i><i class="step fi-paw size-24"></i><i class="step fi-paw size-36"></i><i class="step fi-paw size-48"></i><i class="step fi-paw size-60"></i><i class="step fi-paw size-72"></i>
2018
+ </div>
2019
+ <div class="preview-scale">
2020
+ <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>
2021
+ </div>
2022
+ <div class="usage">
2023
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paw" />
2024
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf192;" />
2025
+ </div>
2026
+ </div>
2027
+
2028
+ <div class="glyph">
2029
+ <div class="preview-glyphs">
2030
+ <i class="step fi-paypal size-12"></i><i class="step fi-paypal size-14"></i><i class="step fi-paypal size-16"></i><i class="step fi-paypal size-18"></i><i class="step fi-paypal size-21"></i><i class="step fi-paypal size-24"></i><i class="step fi-paypal size-36"></i><i class="step fi-paypal size-48"></i><i class="step fi-paypal size-60"></i><i class="step fi-paypal size-72"></i>
2031
+ </div>
2032
+ <div class="preview-scale">
2033
+ <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>
2034
+ </div>
2035
+ <div class="usage">
2036
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-paypal" />
2037
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf193;" />
2038
+ </div>
2039
+ </div>
2040
+
2041
+ <div class="glyph">
2042
+ <div class="preview-glyphs">
2043
+ <i class="step fi-pencil size-12"></i><i class="step fi-pencil size-14"></i><i class="step fi-pencil size-16"></i><i class="step fi-pencil size-18"></i><i class="step fi-pencil size-21"></i><i class="step fi-pencil size-24"></i><i class="step fi-pencil size-36"></i><i class="step fi-pencil size-48"></i><i class="step fi-pencil size-60"></i><i class="step fi-pencil size-72"></i>
2044
+ </div>
2045
+ <div class="preview-scale">
2046
+ <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>
2047
+ </div>
2048
+ <div class="usage">
2049
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pencil" />
2050
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf194;" />
2051
+ </div>
2052
+ </div>
2053
+
2054
+ <div class="glyph">
2055
+ <div class="preview-glyphs">
2056
+ <i class="step fi-photo size-12"></i><i class="step fi-photo size-14"></i><i class="step fi-photo size-16"></i><i class="step fi-photo size-18"></i><i class="step fi-photo size-21"></i><i class="step fi-photo size-24"></i><i class="step fi-photo size-36"></i><i class="step fi-photo size-48"></i><i class="step fi-photo size-60"></i><i class="step fi-photo size-72"></i>
2057
+ </div>
2058
+ <div class="preview-scale">
2059
+ <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>
2060
+ </div>
2061
+ <div class="usage">
2062
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-photo" />
2063
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf195;" />
2064
+ </div>
2065
+ </div>
2066
+
2067
+ <div class="glyph">
2068
+ <div class="preview-glyphs">
2069
+ <i class="step fi-play-circle size-12"></i><i class="step fi-play-circle size-14"></i><i class="step fi-play-circle size-16"></i><i class="step fi-play-circle size-18"></i><i class="step fi-play-circle size-21"></i><i class="step fi-play-circle size-24"></i><i class="step fi-play-circle size-36"></i><i class="step fi-play-circle size-48"></i><i class="step fi-play-circle size-60"></i><i class="step fi-play-circle size-72"></i>
2070
+ </div>
2071
+ <div class="preview-scale">
2072
+ <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>
2073
+ </div>
2074
+ <div class="usage">
2075
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-play-circle" />
2076
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf196;" />
2077
+ </div>
2078
+ </div>
2079
+
2080
+ <div class="glyph">
2081
+ <div class="preview-glyphs">
2082
+ <i class="step fi-play-video size-12"></i><i class="step fi-play-video size-14"></i><i class="step fi-play-video size-16"></i><i class="step fi-play-video size-18"></i><i class="step fi-play-video size-21"></i><i class="step fi-play-video size-24"></i><i class="step fi-play-video size-36"></i><i class="step fi-play-video size-48"></i><i class="step fi-play-video size-60"></i><i class="step fi-play-video size-72"></i>
2083
+ </div>
2084
+ <div class="preview-scale">
2085
+ <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>
2086
+ </div>
2087
+ <div class="usage">
2088
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-play-video" />
2089
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf197;" />
2090
+ </div>
2091
+ </div>
2092
+
2093
+ <div class="glyph">
2094
+ <div class="preview-glyphs">
2095
+ <i class="step fi-play size-12"></i><i class="step fi-play size-14"></i><i class="step fi-play size-16"></i><i class="step fi-play size-18"></i><i class="step fi-play size-21"></i><i class="step fi-play size-24"></i><i class="step fi-play size-36"></i><i class="step fi-play size-48"></i><i class="step fi-play size-60"></i><i class="step fi-play size-72"></i>
2096
+ </div>
2097
+ <div class="preview-scale">
2098
+ <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>
2099
+ </div>
2100
+ <div class="usage">
2101
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-play" />
2102
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf198;" />
2103
+ </div>
2104
+ </div>
2105
+
2106
+ <div class="glyph">
2107
+ <div class="preview-glyphs">
2108
+ <i class="step fi-plus size-12"></i><i class="step fi-plus size-14"></i><i class="step fi-plus size-16"></i><i class="step fi-plus size-18"></i><i class="step fi-plus size-21"></i><i class="step fi-plus size-24"></i><i class="step fi-plus size-36"></i><i class="step fi-plus size-48"></i><i class="step fi-plus size-60"></i><i class="step fi-plus size-72"></i>
2109
+ </div>
2110
+ <div class="preview-scale">
2111
+ <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>
2112
+ </div>
2113
+ <div class="usage">
2114
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-plus" />
2115
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf199;" />
2116
+ </div>
2117
+ </div>
2118
+
2119
+ <div class="glyph">
2120
+ <div class="preview-glyphs">
2121
+ <i class="step fi-pound size-12"></i><i class="step fi-pound size-14"></i><i class="step fi-pound size-16"></i><i class="step fi-pound size-18"></i><i class="step fi-pound size-21"></i><i class="step fi-pound size-24"></i><i class="step fi-pound size-36"></i><i class="step fi-pound size-48"></i><i class="step fi-pound size-60"></i><i class="step fi-pound size-72"></i>
2122
+ </div>
2123
+ <div class="preview-scale">
2124
+ <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>
2125
+ </div>
2126
+ <div class="usage">
2127
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pound" />
2128
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19a;" />
2129
+ </div>
2130
+ </div>
2131
+
2132
+ <div class="glyph">
2133
+ <div class="preview-glyphs">
2134
+ <i class="step fi-power size-12"></i><i class="step fi-power size-14"></i><i class="step fi-power size-16"></i><i class="step fi-power size-18"></i><i class="step fi-power size-21"></i><i class="step fi-power size-24"></i><i class="step fi-power size-36"></i><i class="step fi-power size-48"></i><i class="step fi-power size-60"></i><i class="step fi-power size-72"></i>
2135
+ </div>
2136
+ <div class="preview-scale">
2137
+ <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>
2138
+ </div>
2139
+ <div class="usage">
2140
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-power" />
2141
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19b;" />
2142
+ </div>
2143
+ </div>
2144
+
2145
+ <div class="glyph">
2146
+ <div class="preview-glyphs">
2147
+ <i class="step fi-previous size-12"></i><i class="step fi-previous size-14"></i><i class="step fi-previous size-16"></i><i class="step fi-previous size-18"></i><i class="step fi-previous size-21"></i><i class="step fi-previous size-24"></i><i class="step fi-previous size-36"></i><i class="step fi-previous size-48"></i><i class="step fi-previous size-60"></i><i class="step fi-previous size-72"></i>
2148
+ </div>
2149
+ <div class="preview-scale">
2150
+ <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>
2151
+ </div>
2152
+ <div class="usage">
2153
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-previous" />
2154
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19c;" />
2155
+ </div>
2156
+ </div>
2157
+
2158
+ <div class="glyph">
2159
+ <div class="preview-glyphs">
2160
+ <i class="step fi-price-tag size-12"></i><i class="step fi-price-tag size-14"></i><i class="step fi-price-tag size-16"></i><i class="step fi-price-tag size-18"></i><i class="step fi-price-tag size-21"></i><i class="step fi-price-tag size-24"></i><i class="step fi-price-tag size-36"></i><i class="step fi-price-tag size-48"></i><i class="step fi-price-tag size-60"></i><i class="step fi-price-tag size-72"></i>
2161
+ </div>
2162
+ <div class="preview-scale">
2163
+ <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>
2164
+ </div>
2165
+ <div class="usage">
2166
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-price-tag" />
2167
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19d;" />
2168
+ </div>
2169
+ </div>
2170
+
2171
+ <div class="glyph">
2172
+ <div class="preview-glyphs">
2173
+ <i class="step fi-pricetag-multiple size-12"></i><i class="step fi-pricetag-multiple size-14"></i><i class="step fi-pricetag-multiple size-16"></i><i class="step fi-pricetag-multiple size-18"></i><i class="step fi-pricetag-multiple size-21"></i><i class="step fi-pricetag-multiple size-24"></i><i class="step fi-pricetag-multiple size-36"></i><i class="step fi-pricetag-multiple size-48"></i><i class="step fi-pricetag-multiple size-60"></i><i class="step fi-pricetag-multiple size-72"></i>
2174
+ </div>
2175
+ <div class="preview-scale">
2176
+ <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>
2177
+ </div>
2178
+ <div class="usage">
2179
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-pricetag-multiple" />
2180
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19e;" />
2181
+ </div>
2182
+ </div>
2183
+
2184
+ <div class="glyph">
2185
+ <div class="preview-glyphs">
2186
+ <i class="step fi-print size-12"></i><i class="step fi-print size-14"></i><i class="step fi-print size-16"></i><i class="step fi-print size-18"></i><i class="step fi-print size-21"></i><i class="step fi-print size-24"></i><i class="step fi-print size-36"></i><i class="step fi-print size-48"></i><i class="step fi-print size-60"></i><i class="step fi-print size-72"></i>
2187
+ </div>
2188
+ <div class="preview-scale">
2189
+ <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>
2190
+ </div>
2191
+ <div class="usage">
2192
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-print" />
2193
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19f;" />
2194
+ </div>
2195
+ </div>
2196
+
2197
+ <div class="glyph">
2198
+ <div class="preview-glyphs">
2199
+ <i class="step fi-prohibited size-12"></i><i class="step fi-prohibited size-14"></i><i class="step fi-prohibited size-16"></i><i class="step fi-prohibited size-18"></i><i class="step fi-prohibited size-21"></i><i class="step fi-prohibited size-24"></i><i class="step fi-prohibited size-36"></i><i class="step fi-prohibited size-48"></i><i class="step fi-prohibited size-60"></i><i class="step fi-prohibited size-72"></i>
2200
+ </div>
2201
+ <div class="preview-scale">
2202
+ <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>
2203
+ </div>
2204
+ <div class="usage">
2205
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-prohibited" />
2206
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a0;" />
2207
+ </div>
2208
+ </div>
2209
+
2210
+ <div class="glyph">
2211
+ <div class="preview-glyphs">
2212
+ <i class="step fi-projection-screen size-12"></i><i class="step fi-projection-screen size-14"></i><i class="step fi-projection-screen size-16"></i><i class="step fi-projection-screen size-18"></i><i class="step fi-projection-screen size-21"></i><i class="step fi-projection-screen size-24"></i><i class="step fi-projection-screen size-36"></i><i class="step fi-projection-screen size-48"></i><i class="step fi-projection-screen size-60"></i><i class="step fi-projection-screen size-72"></i>
2213
+ </div>
2214
+ <div class="preview-scale">
2215
+ <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>
2216
+ </div>
2217
+ <div class="usage">
2218
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-projection-screen" />
2219
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a1;" />
2220
+ </div>
2221
+ </div>
2222
+
2223
+ <div class="glyph">
2224
+ <div class="preview-glyphs">
2225
+ <i class="step fi-puzzle size-12"></i><i class="step fi-puzzle size-14"></i><i class="step fi-puzzle size-16"></i><i class="step fi-puzzle size-18"></i><i class="step fi-puzzle size-21"></i><i class="step fi-puzzle size-24"></i><i class="step fi-puzzle size-36"></i><i class="step fi-puzzle size-48"></i><i class="step fi-puzzle size-60"></i><i class="step fi-puzzle size-72"></i>
2226
+ </div>
2227
+ <div class="preview-scale">
2228
+ <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>
2229
+ </div>
2230
+ <div class="usage">
2231
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-puzzle" />
2232
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a2;" />
2233
+ </div>
2234
+ </div>
2235
+
2236
+ <div class="glyph">
2237
+ <div class="preview-glyphs">
2238
+ <i class="step fi-quote size-12"></i><i class="step fi-quote size-14"></i><i class="step fi-quote size-16"></i><i class="step fi-quote size-18"></i><i class="step fi-quote size-21"></i><i class="step fi-quote size-24"></i><i class="step fi-quote size-36"></i><i class="step fi-quote size-48"></i><i class="step fi-quote size-60"></i><i class="step fi-quote size-72"></i>
2239
+ </div>
2240
+ <div class="preview-scale">
2241
+ <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>
2242
+ </div>
2243
+ <div class="usage">
2244
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-quote" />
2245
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a3;" />
2246
+ </div>
2247
+ </div>
2248
+
2249
+ <div class="glyph">
2250
+ <div class="preview-glyphs">
2251
+ <i class="step fi-record size-12"></i><i class="step fi-record size-14"></i><i class="step fi-record size-16"></i><i class="step fi-record size-18"></i><i class="step fi-record size-21"></i><i class="step fi-record size-24"></i><i class="step fi-record size-36"></i><i class="step fi-record size-48"></i><i class="step fi-record size-60"></i><i class="step fi-record size-72"></i>
2252
+ </div>
2253
+ <div class="preview-scale">
2254
+ <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>
2255
+ </div>
2256
+ <div class="usage">
2257
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-record" />
2258
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a4;" />
2259
+ </div>
2260
+ </div>
2261
+
2262
+ <div class="glyph">
2263
+ <div class="preview-glyphs">
2264
+ <i class="step fi-refresh size-12"></i><i class="step fi-refresh size-14"></i><i class="step fi-refresh size-16"></i><i class="step fi-refresh size-18"></i><i class="step fi-refresh size-21"></i><i class="step fi-refresh size-24"></i><i class="step fi-refresh size-36"></i><i class="step fi-refresh size-48"></i><i class="step fi-refresh size-60"></i><i class="step fi-refresh size-72"></i>
2265
+ </div>
2266
+ <div class="preview-scale">
2267
+ <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>
2268
+ </div>
2269
+ <div class="usage">
2270
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-refresh" />
2271
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a5;" />
2272
+ </div>
2273
+ </div>
2274
+
2275
+ <div class="glyph">
2276
+ <div class="preview-glyphs">
2277
+ <i class="step fi-results-demographics size-12"></i><i class="step fi-results-demographics size-14"></i><i class="step fi-results-demographics size-16"></i><i class="step fi-results-demographics size-18"></i><i class="step fi-results-demographics size-21"></i><i class="step fi-results-demographics size-24"></i><i class="step fi-results-demographics size-36"></i><i class="step fi-results-demographics size-48"></i><i class="step fi-results-demographics size-60"></i><i class="step fi-results-demographics size-72"></i>
2278
+ </div>
2279
+ <div class="preview-scale">
2280
+ <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>
2281
+ </div>
2282
+ <div class="usage">
2283
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-results-demographics" />
2284
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a6;" />
2285
+ </div>
2286
+ </div>
2287
+
2288
+ <div class="glyph">
2289
+ <div class="preview-glyphs">
2290
+ <i class="step fi-results size-12"></i><i class="step fi-results size-14"></i><i class="step fi-results size-16"></i><i class="step fi-results size-18"></i><i class="step fi-results size-21"></i><i class="step fi-results size-24"></i><i class="step fi-results size-36"></i><i class="step fi-results size-48"></i><i class="step fi-results size-60"></i><i class="step fi-results size-72"></i>
2291
+ </div>
2292
+ <div class="preview-scale">
2293
+ <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>
2294
+ </div>
2295
+ <div class="usage">
2296
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-results" />
2297
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a7;" />
2298
+ </div>
2299
+ </div>
2300
+
2301
+ <div class="glyph">
2302
+ <div class="preview-glyphs">
2303
+ <i class="step fi-rewind-ten size-12"></i><i class="step fi-rewind-ten size-14"></i><i class="step fi-rewind-ten size-16"></i><i class="step fi-rewind-ten size-18"></i><i class="step fi-rewind-ten size-21"></i><i class="step fi-rewind-ten size-24"></i><i class="step fi-rewind-ten size-36"></i><i class="step fi-rewind-ten size-48"></i><i class="step fi-rewind-ten size-60"></i><i class="step fi-rewind-ten size-72"></i>
2304
+ </div>
2305
+ <div class="preview-scale">
2306
+ <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>
2307
+ </div>
2308
+ <div class="usage">
2309
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-rewind-ten" />
2310
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a8;" />
2311
+ </div>
2312
+ </div>
2313
+
2314
+ <div class="glyph">
2315
+ <div class="preview-glyphs">
2316
+ <i class="step fi-rewind size-12"></i><i class="step fi-rewind size-14"></i><i class="step fi-rewind size-16"></i><i class="step fi-rewind size-18"></i><i class="step fi-rewind size-21"></i><i class="step fi-rewind size-24"></i><i class="step fi-rewind size-36"></i><i class="step fi-rewind size-48"></i><i class="step fi-rewind size-60"></i><i class="step fi-rewind size-72"></i>
2317
+ </div>
2318
+ <div class="preview-scale">
2319
+ <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>
2320
+ </div>
2321
+ <div class="usage">
2322
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-rewind" />
2323
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a9;" />
2324
+ </div>
2325
+ </div>
2326
+
2327
+ <div class="glyph">
2328
+ <div class="preview-glyphs">
2329
+ <i class="step fi-rss size-12"></i><i class="step fi-rss size-14"></i><i class="step fi-rss size-16"></i><i class="step fi-rss size-18"></i><i class="step fi-rss size-21"></i><i class="step fi-rss size-24"></i><i class="step fi-rss size-36"></i><i class="step fi-rss size-48"></i><i class="step fi-rss size-60"></i><i class="step fi-rss size-72"></i>
2330
+ </div>
2331
+ <div class="preview-scale">
2332
+ <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>
2333
+ </div>
2334
+ <div class="usage">
2335
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-rss" />
2336
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1aa;" />
2337
+ </div>
2338
+ </div>
2339
+
2340
+ <div class="glyph">
2341
+ <div class="preview-glyphs">
2342
+ <i class="step fi-safety-cone size-12"></i><i class="step fi-safety-cone size-14"></i><i class="step fi-safety-cone size-16"></i><i class="step fi-safety-cone size-18"></i><i class="step fi-safety-cone size-21"></i><i class="step fi-safety-cone size-24"></i><i class="step fi-safety-cone size-36"></i><i class="step fi-safety-cone size-48"></i><i class="step fi-safety-cone size-60"></i><i class="step fi-safety-cone size-72"></i>
2343
+ </div>
2344
+ <div class="preview-scale">
2345
+ <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>
2346
+ </div>
2347
+ <div class="usage">
2348
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-safety-cone" />
2349
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ab;" />
2350
+ </div>
2351
+ </div>
2352
+
2353
+ <div class="glyph">
2354
+ <div class="preview-glyphs">
2355
+ <i class="step fi-save size-12"></i><i class="step fi-save size-14"></i><i class="step fi-save size-16"></i><i class="step fi-save size-18"></i><i class="step fi-save size-21"></i><i class="step fi-save size-24"></i><i class="step fi-save size-36"></i><i class="step fi-save size-48"></i><i class="step fi-save size-60"></i><i class="step fi-save size-72"></i>
2356
+ </div>
2357
+ <div class="preview-scale">
2358
+ <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>
2359
+ </div>
2360
+ <div class="usage">
2361
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-save" />
2362
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ac;" />
2363
+ </div>
2364
+ </div>
2365
+
2366
+ <div class="glyph">
2367
+ <div class="preview-glyphs">
2368
+ <i class="step fi-share size-12"></i><i class="step fi-share size-14"></i><i class="step fi-share size-16"></i><i class="step fi-share size-18"></i><i class="step fi-share size-21"></i><i class="step fi-share size-24"></i><i class="step fi-share size-36"></i><i class="step fi-share size-48"></i><i class="step fi-share size-60"></i><i class="step fi-share size-72"></i>
2369
+ </div>
2370
+ <div class="preview-scale">
2371
+ <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>
2372
+ </div>
2373
+ <div class="usage">
2374
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-share" />
2375
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ad;" />
2376
+ </div>
2377
+ </div>
2378
+
2379
+ <div class="glyph">
2380
+ <div class="preview-glyphs">
2381
+ <i class="step fi-sheriff-badge size-12"></i><i class="step fi-sheriff-badge size-14"></i><i class="step fi-sheriff-badge size-16"></i><i class="step fi-sheriff-badge size-18"></i><i class="step fi-sheriff-badge size-21"></i><i class="step fi-sheriff-badge size-24"></i><i class="step fi-sheriff-badge size-36"></i><i class="step fi-sheriff-badge size-48"></i><i class="step fi-sheriff-badge size-60"></i><i class="step fi-sheriff-badge size-72"></i>
2382
+ </div>
2383
+ <div class="preview-scale">
2384
+ <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>
2385
+ </div>
2386
+ <div class="usage">
2387
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-sheriff-badge" />
2388
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ae;" />
2389
+ </div>
2390
+ </div>
2391
+
2392
+ <div class="glyph">
2393
+ <div class="preview-glyphs">
2394
+ <i class="step fi-shield size-12"></i><i class="step fi-shield size-14"></i><i class="step fi-shield size-16"></i><i class="step fi-shield size-18"></i><i class="step fi-shield size-21"></i><i class="step fi-shield size-24"></i><i class="step fi-shield size-36"></i><i class="step fi-shield size-48"></i><i class="step fi-shield size-60"></i><i class="step fi-shield size-72"></i>
2395
+ </div>
2396
+ <div class="preview-scale">
2397
+ <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>
2398
+ </div>
2399
+ <div class="usage">
2400
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shield" />
2401
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1af;" />
2402
+ </div>
2403
+ </div>
2404
+
2405
+ <div class="glyph">
2406
+ <div class="preview-glyphs">
2407
+ <i class="step fi-shopping-bag size-12"></i><i class="step fi-shopping-bag size-14"></i><i class="step fi-shopping-bag size-16"></i><i class="step fi-shopping-bag size-18"></i><i class="step fi-shopping-bag size-21"></i><i class="step fi-shopping-bag size-24"></i><i class="step fi-shopping-bag size-36"></i><i class="step fi-shopping-bag size-48"></i><i class="step fi-shopping-bag size-60"></i><i class="step fi-shopping-bag size-72"></i>
2408
+ </div>
2409
+ <div class="preview-scale">
2410
+ <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>
2411
+ </div>
2412
+ <div class="usage">
2413
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shopping-bag" />
2414
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b0;" />
2415
+ </div>
2416
+ </div>
2417
+
2418
+ <div class="glyph">
2419
+ <div class="preview-glyphs">
2420
+ <i class="step fi-shopping-cart size-12"></i><i class="step fi-shopping-cart size-14"></i><i class="step fi-shopping-cart size-16"></i><i class="step fi-shopping-cart size-18"></i><i class="step fi-shopping-cart size-21"></i><i class="step fi-shopping-cart size-24"></i><i class="step fi-shopping-cart size-36"></i><i class="step fi-shopping-cart size-48"></i><i class="step fi-shopping-cart size-60"></i><i class="step fi-shopping-cart size-72"></i>
2421
+ </div>
2422
+ <div class="preview-scale">
2423
+ <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>
2424
+ </div>
2425
+ <div class="usage">
2426
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shopping-cart" />
2427
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b1;" />
2428
+ </div>
2429
+ </div>
2430
+
2431
+ <div class="glyph">
2432
+ <div class="preview-glyphs">
2433
+ <i class="step fi-shuffle size-12"></i><i class="step fi-shuffle size-14"></i><i class="step fi-shuffle size-16"></i><i class="step fi-shuffle size-18"></i><i class="step fi-shuffle size-21"></i><i class="step fi-shuffle size-24"></i><i class="step fi-shuffle size-36"></i><i class="step fi-shuffle size-48"></i><i class="step fi-shuffle size-60"></i><i class="step fi-shuffle size-72"></i>
2434
+ </div>
2435
+ <div class="preview-scale">
2436
+ <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>
2437
+ </div>
2438
+ <div class="usage">
2439
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-shuffle" />
2440
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b2;" />
2441
+ </div>
2442
+ </div>
2443
+
2444
+ <div class="glyph">
2445
+ <div class="preview-glyphs">
2446
+ <i class="step fi-skull size-12"></i><i class="step fi-skull size-14"></i><i class="step fi-skull size-16"></i><i class="step fi-skull size-18"></i><i class="step fi-skull size-21"></i><i class="step fi-skull size-24"></i><i class="step fi-skull size-36"></i><i class="step fi-skull size-48"></i><i class="step fi-skull size-60"></i><i class="step fi-skull size-72"></i>
2447
+ </div>
2448
+ <div class="preview-scale">
2449
+ <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>
2450
+ </div>
2451
+ <div class="usage">
2452
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-skull" />
2453
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b3;" />
2454
+ </div>
2455
+ </div>
2456
+
2457
+ <div class="glyph">
2458
+ <div class="preview-glyphs">
2459
+ <i class="step fi-social-500px size-12"></i><i class="step fi-social-500px size-14"></i><i class="step fi-social-500px size-16"></i><i class="step fi-social-500px size-18"></i><i class="step fi-social-500px size-21"></i><i class="step fi-social-500px size-24"></i><i class="step fi-social-500px size-36"></i><i class="step fi-social-500px size-48"></i><i class="step fi-social-500px size-60"></i><i class="step fi-social-500px size-72"></i>
2460
+ </div>
2461
+ <div class="preview-scale">
2462
+ <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>
2463
+ </div>
2464
+ <div class="usage">
2465
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-500px" />
2466
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b4;" />
2467
+ </div>
2468
+ </div>
2469
+
2470
+ <div class="glyph">
2471
+ <div class="preview-glyphs">
2472
+ <i class="step fi-social-adobe size-12"></i><i class="step fi-social-adobe size-14"></i><i class="step fi-social-adobe size-16"></i><i class="step fi-social-adobe size-18"></i><i class="step fi-social-adobe size-21"></i><i class="step fi-social-adobe size-24"></i><i class="step fi-social-adobe size-36"></i><i class="step fi-social-adobe size-48"></i><i class="step fi-social-adobe size-60"></i><i class="step fi-social-adobe size-72"></i>
2473
+ </div>
2474
+ <div class="preview-scale">
2475
+ <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>
2476
+ </div>
2477
+ <div class="usage">
2478
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-adobe" />
2479
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b5;" />
2480
+ </div>
2481
+ </div>
2482
+
2483
+ <div class="glyph">
2484
+ <div class="preview-glyphs">
2485
+ <i class="step fi-social-amazon size-12"></i><i class="step fi-social-amazon size-14"></i><i class="step fi-social-amazon size-16"></i><i class="step fi-social-amazon size-18"></i><i class="step fi-social-amazon size-21"></i><i class="step fi-social-amazon size-24"></i><i class="step fi-social-amazon size-36"></i><i class="step fi-social-amazon size-48"></i><i class="step fi-social-amazon size-60"></i><i class="step fi-social-amazon size-72"></i>
2486
+ </div>
2487
+ <div class="preview-scale">
2488
+ <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>
2489
+ </div>
2490
+ <div class="usage">
2491
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-amazon" />
2492
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b6;" />
2493
+ </div>
2494
+ </div>
2495
+
2496
+ <div class="glyph">
2497
+ <div class="preview-glyphs">
2498
+ <i class="step fi-social-android size-12"></i><i class="step fi-social-android size-14"></i><i class="step fi-social-android size-16"></i><i class="step fi-social-android size-18"></i><i class="step fi-social-android size-21"></i><i class="step fi-social-android size-24"></i><i class="step fi-social-android size-36"></i><i class="step fi-social-android size-48"></i><i class="step fi-social-android size-60"></i><i class="step fi-social-android size-72"></i>
2499
+ </div>
2500
+ <div class="preview-scale">
2501
+ <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>
2502
+ </div>
2503
+ <div class="usage">
2504
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-android" />
2505
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b7;" />
2506
+ </div>
2507
+ </div>
2508
+
2509
+ <div class="glyph">
2510
+ <div class="preview-glyphs">
2511
+ <i class="step fi-social-apple size-12"></i><i class="step fi-social-apple size-14"></i><i class="step fi-social-apple size-16"></i><i class="step fi-social-apple size-18"></i><i class="step fi-social-apple size-21"></i><i class="step fi-social-apple size-24"></i><i class="step fi-social-apple size-36"></i><i class="step fi-social-apple size-48"></i><i class="step fi-social-apple size-60"></i><i class="step fi-social-apple size-72"></i>
2512
+ </div>
2513
+ <div class="preview-scale">
2514
+ <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>
2515
+ </div>
2516
+ <div class="usage">
2517
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-apple" />
2518
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b8;" />
2519
+ </div>
2520
+ </div>
2521
+
2522
+ <div class="glyph">
2523
+ <div class="preview-glyphs">
2524
+ <i class="step fi-social-behance size-12"></i><i class="step fi-social-behance size-14"></i><i class="step fi-social-behance size-16"></i><i class="step fi-social-behance size-18"></i><i class="step fi-social-behance size-21"></i><i class="step fi-social-behance size-24"></i><i class="step fi-social-behance size-36"></i><i class="step fi-social-behance size-48"></i><i class="step fi-social-behance size-60"></i><i class="step fi-social-behance size-72"></i>
2525
+ </div>
2526
+ <div class="preview-scale">
2527
+ <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>
2528
+ </div>
2529
+ <div class="usage">
2530
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-behance" />
2531
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1b9;" />
2532
+ </div>
2533
+ </div>
2534
+
2535
+ <div class="glyph">
2536
+ <div class="preview-glyphs">
2537
+ <i class="step fi-social-bing size-12"></i><i class="step fi-social-bing size-14"></i><i class="step fi-social-bing size-16"></i><i class="step fi-social-bing size-18"></i><i class="step fi-social-bing size-21"></i><i class="step fi-social-bing size-24"></i><i class="step fi-social-bing size-36"></i><i class="step fi-social-bing size-48"></i><i class="step fi-social-bing size-60"></i><i class="step fi-social-bing size-72"></i>
2538
+ </div>
2539
+ <div class="preview-scale">
2540
+ <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>
2541
+ </div>
2542
+ <div class="usage">
2543
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-bing" />
2544
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ba;" />
2545
+ </div>
2546
+ </div>
2547
+
2548
+ <div class="glyph">
2549
+ <div class="preview-glyphs">
2550
+ <i class="step fi-social-blogger size-12"></i><i class="step fi-social-blogger size-14"></i><i class="step fi-social-blogger size-16"></i><i class="step fi-social-blogger size-18"></i><i class="step fi-social-blogger size-21"></i><i class="step fi-social-blogger size-24"></i><i class="step fi-social-blogger size-36"></i><i class="step fi-social-blogger size-48"></i><i class="step fi-social-blogger size-60"></i><i class="step fi-social-blogger size-72"></i>
2551
+ </div>
2552
+ <div class="preview-scale">
2553
+ <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>
2554
+ </div>
2555
+ <div class="usage">
2556
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-blogger" />
2557
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bb;" />
2558
+ </div>
2559
+ </div>
2560
+
2561
+ <div class="glyph">
2562
+ <div class="preview-glyphs">
2563
+ <i class="step fi-social-delicious size-12"></i><i class="step fi-social-delicious size-14"></i><i class="step fi-social-delicious size-16"></i><i class="step fi-social-delicious size-18"></i><i class="step fi-social-delicious size-21"></i><i class="step fi-social-delicious size-24"></i><i class="step fi-social-delicious size-36"></i><i class="step fi-social-delicious size-48"></i><i class="step fi-social-delicious size-60"></i><i class="step fi-social-delicious size-72"></i>
2564
+ </div>
2565
+ <div class="preview-scale">
2566
+ <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>
2567
+ </div>
2568
+ <div class="usage">
2569
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-delicious" />
2570
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bc;" />
2571
+ </div>
2572
+ </div>
2573
+
2574
+ <div class="glyph">
2575
+ <div class="preview-glyphs">
2576
+ <i class="step fi-social-designer-news size-12"></i><i class="step fi-social-designer-news size-14"></i><i class="step fi-social-designer-news size-16"></i><i class="step fi-social-designer-news size-18"></i><i class="step fi-social-designer-news size-21"></i><i class="step fi-social-designer-news size-24"></i><i class="step fi-social-designer-news size-36"></i><i class="step fi-social-designer-news size-48"></i><i class="step fi-social-designer-news size-60"></i><i class="step fi-social-designer-news size-72"></i>
2577
+ </div>
2578
+ <div class="preview-scale">
2579
+ <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>
2580
+ </div>
2581
+ <div class="usage">
2582
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-designer-news" />
2583
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bd;" />
2584
+ </div>
2585
+ </div>
2586
+
2587
+ <div class="glyph">
2588
+ <div class="preview-glyphs">
2589
+ <i class="step fi-social-deviant-art size-12"></i><i class="step fi-social-deviant-art size-14"></i><i class="step fi-social-deviant-art size-16"></i><i class="step fi-social-deviant-art size-18"></i><i class="step fi-social-deviant-art size-21"></i><i class="step fi-social-deviant-art size-24"></i><i class="step fi-social-deviant-art size-36"></i><i class="step fi-social-deviant-art size-48"></i><i class="step fi-social-deviant-art size-60"></i><i class="step fi-social-deviant-art size-72"></i>
2590
+ </div>
2591
+ <div class="preview-scale">
2592
+ <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>
2593
+ </div>
2594
+ <div class="usage">
2595
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-deviant-art" />
2596
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1be;" />
2597
+ </div>
2598
+ </div>
2599
+
2600
+ <div class="glyph">
2601
+ <div class="preview-glyphs">
2602
+ <i class="step fi-social-digg size-12"></i><i class="step fi-social-digg size-14"></i><i class="step fi-social-digg size-16"></i><i class="step fi-social-digg size-18"></i><i class="step fi-social-digg size-21"></i><i class="step fi-social-digg size-24"></i><i class="step fi-social-digg size-36"></i><i class="step fi-social-digg size-48"></i><i class="step fi-social-digg size-60"></i><i class="step fi-social-digg size-72"></i>
2603
+ </div>
2604
+ <div class="preview-scale">
2605
+ <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>
2606
+ </div>
2607
+ <div class="usage">
2608
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-digg" />
2609
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1bf;" />
2610
+ </div>
2611
+ </div>
2612
+
2613
+ <div class="glyph">
2614
+ <div class="preview-glyphs">
2615
+ <i class="step fi-social-dribbble size-12"></i><i class="step fi-social-dribbble size-14"></i><i class="step fi-social-dribbble size-16"></i><i class="step fi-social-dribbble size-18"></i><i class="step fi-social-dribbble size-21"></i><i class="step fi-social-dribbble size-24"></i><i class="step fi-social-dribbble size-36"></i><i class="step fi-social-dribbble size-48"></i><i class="step fi-social-dribbble size-60"></i><i class="step fi-social-dribbble size-72"></i>
2616
+ </div>
2617
+ <div class="preview-scale">
2618
+ <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>
2619
+ </div>
2620
+ <div class="usage">
2621
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-dribbble" />
2622
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c0;" />
2623
+ </div>
2624
+ </div>
2625
+
2626
+ <div class="glyph">
2627
+ <div class="preview-glyphs">
2628
+ <i class="step fi-social-drive size-12"></i><i class="step fi-social-drive size-14"></i><i class="step fi-social-drive size-16"></i><i class="step fi-social-drive size-18"></i><i class="step fi-social-drive size-21"></i><i class="step fi-social-drive size-24"></i><i class="step fi-social-drive size-36"></i><i class="step fi-social-drive size-48"></i><i class="step fi-social-drive size-60"></i><i class="step fi-social-drive size-72"></i>
2629
+ </div>
2630
+ <div class="preview-scale">
2631
+ <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>
2632
+ </div>
2633
+ <div class="usage">
2634
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-drive" />
2635
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c1;" />
2636
+ </div>
2637
+ </div>
2638
+
2639
+ <div class="glyph">
2640
+ <div class="preview-glyphs">
2641
+ <i class="step fi-social-dropbox size-12"></i><i class="step fi-social-dropbox size-14"></i><i class="step fi-social-dropbox size-16"></i><i class="step fi-social-dropbox size-18"></i><i class="step fi-social-dropbox size-21"></i><i class="step fi-social-dropbox size-24"></i><i class="step fi-social-dropbox size-36"></i><i class="step fi-social-dropbox size-48"></i><i class="step fi-social-dropbox size-60"></i><i class="step fi-social-dropbox size-72"></i>
2642
+ </div>
2643
+ <div class="preview-scale">
2644
+ <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>
2645
+ </div>
2646
+ <div class="usage">
2647
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-dropbox" />
2648
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c2;" />
2649
+ </div>
2650
+ </div>
2651
+
2652
+ <div class="glyph">
2653
+ <div class="preview-glyphs">
2654
+ <i class="step fi-social-evernote size-12"></i><i class="step fi-social-evernote size-14"></i><i class="step fi-social-evernote size-16"></i><i class="step fi-social-evernote size-18"></i><i class="step fi-social-evernote size-21"></i><i class="step fi-social-evernote size-24"></i><i class="step fi-social-evernote size-36"></i><i class="step fi-social-evernote size-48"></i><i class="step fi-social-evernote size-60"></i><i class="step fi-social-evernote size-72"></i>
2655
+ </div>
2656
+ <div class="preview-scale">
2657
+ <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>
2658
+ </div>
2659
+ <div class="usage">
2660
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-evernote" />
2661
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c3;" />
2662
+ </div>
2663
+ </div>
2664
+
2665
+ <div class="glyph">
2666
+ <div class="preview-glyphs">
2667
+ <i class="step fi-social-facebook size-12"></i><i class="step fi-social-facebook size-14"></i><i class="step fi-social-facebook size-16"></i><i class="step fi-social-facebook size-18"></i><i class="step fi-social-facebook size-21"></i><i class="step fi-social-facebook size-24"></i><i class="step fi-social-facebook size-36"></i><i class="step fi-social-facebook size-48"></i><i class="step fi-social-facebook size-60"></i><i class="step fi-social-facebook size-72"></i>
2668
+ </div>
2669
+ <div class="preview-scale">
2670
+ <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>
2671
+ </div>
2672
+ <div class="usage">
2673
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-facebook" />
2674
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c4;" />
2675
+ </div>
2676
+ </div>
2677
+
2678
+ <div class="glyph">
2679
+ <div class="preview-glyphs">
2680
+ <i class="step fi-social-flickr size-12"></i><i class="step fi-social-flickr size-14"></i><i class="step fi-social-flickr size-16"></i><i class="step fi-social-flickr size-18"></i><i class="step fi-social-flickr size-21"></i><i class="step fi-social-flickr size-24"></i><i class="step fi-social-flickr size-36"></i><i class="step fi-social-flickr size-48"></i><i class="step fi-social-flickr size-60"></i><i class="step fi-social-flickr size-72"></i>
2681
+ </div>
2682
+ <div class="preview-scale">
2683
+ <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>
2684
+ </div>
2685
+ <div class="usage">
2686
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-flickr" />
2687
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c5;" />
2688
+ </div>
2689
+ </div>
2690
+
2691
+ <div class="glyph">
2692
+ <div class="preview-glyphs">
2693
+ <i class="step fi-social-forrst size-12"></i><i class="step fi-social-forrst size-14"></i><i class="step fi-social-forrst size-16"></i><i class="step fi-social-forrst size-18"></i><i class="step fi-social-forrst size-21"></i><i class="step fi-social-forrst size-24"></i><i class="step fi-social-forrst size-36"></i><i class="step fi-social-forrst size-48"></i><i class="step fi-social-forrst size-60"></i><i class="step fi-social-forrst size-72"></i>
2694
+ </div>
2695
+ <div class="preview-scale">
2696
+ <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>
2697
+ </div>
2698
+ <div class="usage">
2699
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-forrst" />
2700
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c6;" />
2701
+ </div>
2702
+ </div>
2703
+
2704
+ <div class="glyph">
2705
+ <div class="preview-glyphs">
2706
+ <i class="step fi-social-foursquare size-12"></i><i class="step fi-social-foursquare size-14"></i><i class="step fi-social-foursquare size-16"></i><i class="step fi-social-foursquare size-18"></i><i class="step fi-social-foursquare size-21"></i><i class="step fi-social-foursquare size-24"></i><i class="step fi-social-foursquare size-36"></i><i class="step fi-social-foursquare size-48"></i><i class="step fi-social-foursquare size-60"></i><i class="step fi-social-foursquare size-72"></i>
2707
+ </div>
2708
+ <div class="preview-scale">
2709
+ <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>
2710
+ </div>
2711
+ <div class="usage">
2712
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-foursquare" />
2713
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c7;" />
2714
+ </div>
2715
+ </div>
2716
+
2717
+ <div class="glyph">
2718
+ <div class="preview-glyphs">
2719
+ <i class="step fi-social-game-center size-12"></i><i class="step fi-social-game-center size-14"></i><i class="step fi-social-game-center size-16"></i><i class="step fi-social-game-center size-18"></i><i class="step fi-social-game-center size-21"></i><i class="step fi-social-game-center size-24"></i><i class="step fi-social-game-center size-36"></i><i class="step fi-social-game-center size-48"></i><i class="step fi-social-game-center size-60"></i><i class="step fi-social-game-center size-72"></i>
2720
+ </div>
2721
+ <div class="preview-scale">
2722
+ <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>
2723
+ </div>
2724
+ <div class="usage">
2725
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-game-center" />
2726
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c8;" />
2727
+ </div>
2728
+ </div>
2729
+
2730
+ <div class="glyph">
2731
+ <div class="preview-glyphs">
2732
+ <i class="step fi-social-github size-12"></i><i class="step fi-social-github size-14"></i><i class="step fi-social-github size-16"></i><i class="step fi-social-github size-18"></i><i class="step fi-social-github size-21"></i><i class="step fi-social-github size-24"></i><i class="step fi-social-github size-36"></i><i class="step fi-social-github size-48"></i><i class="step fi-social-github size-60"></i><i class="step fi-social-github size-72"></i>
2733
+ </div>
2734
+ <div class="preview-scale">
2735
+ <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>
2736
+ </div>
2737
+ <div class="usage">
2738
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-github" />
2739
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1c9;" />
2740
+ </div>
2741
+ </div>
2742
+
2743
+ <div class="glyph">
2744
+ <div class="preview-glyphs">
2745
+ <i class="step fi-social-google-plus size-12"></i><i class="step fi-social-google-plus size-14"></i><i class="step fi-social-google-plus size-16"></i><i class="step fi-social-google-plus size-18"></i><i class="step fi-social-google-plus size-21"></i><i class="step fi-social-google-plus size-24"></i><i class="step fi-social-google-plus size-36"></i><i class="step fi-social-google-plus size-48"></i><i class="step fi-social-google-plus size-60"></i><i class="step fi-social-google-plus size-72"></i>
2746
+ </div>
2747
+ <div class="preview-scale">
2748
+ <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>
2749
+ </div>
2750
+ <div class="usage">
2751
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-google-plus" />
2752
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ca;" />
2753
+ </div>
2754
+ </div>
2755
+
2756
+ <div class="glyph">
2757
+ <div class="preview-glyphs">
2758
+ <i class="step fi-social-hacker-news size-12"></i><i class="step fi-social-hacker-news size-14"></i><i class="step fi-social-hacker-news size-16"></i><i class="step fi-social-hacker-news size-18"></i><i class="step fi-social-hacker-news size-21"></i><i class="step fi-social-hacker-news size-24"></i><i class="step fi-social-hacker-news size-36"></i><i class="step fi-social-hacker-news size-48"></i><i class="step fi-social-hacker-news size-60"></i><i class="step fi-social-hacker-news size-72"></i>
2759
+ </div>
2760
+ <div class="preview-scale">
2761
+ <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>
2762
+ </div>
2763
+ <div class="usage">
2764
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-hacker-news" />
2765
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cb;" />
2766
+ </div>
2767
+ </div>
2768
+
2769
+ <div class="glyph">
2770
+ <div class="preview-glyphs">
2771
+ <i class="step fi-social-hi5 size-12"></i><i class="step fi-social-hi5 size-14"></i><i class="step fi-social-hi5 size-16"></i><i class="step fi-social-hi5 size-18"></i><i class="step fi-social-hi5 size-21"></i><i class="step fi-social-hi5 size-24"></i><i class="step fi-social-hi5 size-36"></i><i class="step fi-social-hi5 size-48"></i><i class="step fi-social-hi5 size-60"></i><i class="step fi-social-hi5 size-72"></i>
2772
+ </div>
2773
+ <div class="preview-scale">
2774
+ <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>
2775
+ </div>
2776
+ <div class="usage">
2777
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-hi5" />
2778
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cc;" />
2779
+ </div>
2780
+ </div>
2781
+
2782
+ <div class="glyph">
2783
+ <div class="preview-glyphs">
2784
+ <i class="step fi-social-instagram size-12"></i><i class="step fi-social-instagram size-14"></i><i class="step fi-social-instagram size-16"></i><i class="step fi-social-instagram size-18"></i><i class="step fi-social-instagram size-21"></i><i class="step fi-social-instagram size-24"></i><i class="step fi-social-instagram size-36"></i><i class="step fi-social-instagram size-48"></i><i class="step fi-social-instagram size-60"></i><i class="step fi-social-instagram size-72"></i>
2785
+ </div>
2786
+ <div class="preview-scale">
2787
+ <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>
2788
+ </div>
2789
+ <div class="usage">
2790
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-instagram" />
2791
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cd;" />
2792
+ </div>
2793
+ </div>
2794
+
2795
+ <div class="glyph">
2796
+ <div class="preview-glyphs">
2797
+ <i class="step fi-social-joomla size-12"></i><i class="step fi-social-joomla size-14"></i><i class="step fi-social-joomla size-16"></i><i class="step fi-social-joomla size-18"></i><i class="step fi-social-joomla size-21"></i><i class="step fi-social-joomla size-24"></i><i class="step fi-social-joomla size-36"></i><i class="step fi-social-joomla size-48"></i><i class="step fi-social-joomla size-60"></i><i class="step fi-social-joomla size-72"></i>
2798
+ </div>
2799
+ <div class="preview-scale">
2800
+ <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>
2801
+ </div>
2802
+ <div class="usage">
2803
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-joomla" />
2804
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ce;" />
2805
+ </div>
2806
+ </div>
2807
+
2808
+ <div class="glyph">
2809
+ <div class="preview-glyphs">
2810
+ <i class="step fi-social-lastfm size-12"></i><i class="step fi-social-lastfm size-14"></i><i class="step fi-social-lastfm size-16"></i><i class="step fi-social-lastfm size-18"></i><i class="step fi-social-lastfm size-21"></i><i class="step fi-social-lastfm size-24"></i><i class="step fi-social-lastfm size-36"></i><i class="step fi-social-lastfm size-48"></i><i class="step fi-social-lastfm size-60"></i><i class="step fi-social-lastfm size-72"></i>
2811
+ </div>
2812
+ <div class="preview-scale">
2813
+ <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>
2814
+ </div>
2815
+ <div class="usage">
2816
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-lastfm" />
2817
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1cf;" />
2818
+ </div>
2819
+ </div>
2820
+
2821
+ <div class="glyph">
2822
+ <div class="preview-glyphs">
2823
+ <i class="step fi-social-linkedin size-12"></i><i class="step fi-social-linkedin size-14"></i><i class="step fi-social-linkedin size-16"></i><i class="step fi-social-linkedin size-18"></i><i class="step fi-social-linkedin size-21"></i><i class="step fi-social-linkedin size-24"></i><i class="step fi-social-linkedin size-36"></i><i class="step fi-social-linkedin size-48"></i><i class="step fi-social-linkedin size-60"></i><i class="step fi-social-linkedin size-72"></i>
2824
+ </div>
2825
+ <div class="preview-scale">
2826
+ <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>
2827
+ </div>
2828
+ <div class="usage">
2829
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-linkedin" />
2830
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d0;" />
2831
+ </div>
2832
+ </div>
2833
+
2834
+ <div class="glyph">
2835
+ <div class="preview-glyphs">
2836
+ <i class="step fi-social-medium size-12"></i><i class="step fi-social-medium size-14"></i><i class="step fi-social-medium size-16"></i><i class="step fi-social-medium size-18"></i><i class="step fi-social-medium size-21"></i><i class="step fi-social-medium size-24"></i><i class="step fi-social-medium size-36"></i><i class="step fi-social-medium size-48"></i><i class="step fi-social-medium size-60"></i><i class="step fi-social-medium size-72"></i>
2837
+ </div>
2838
+ <div class="preview-scale">
2839
+ <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>
2840
+ </div>
2841
+ <div class="usage">
2842
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-medium" />
2843
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d1;" />
2844
+ </div>
2845
+ </div>
2846
+
2847
+ <div class="glyph">
2848
+ <div class="preview-glyphs">
2849
+ <i class="step fi-social-myspace size-12"></i><i class="step fi-social-myspace size-14"></i><i class="step fi-social-myspace size-16"></i><i class="step fi-social-myspace size-18"></i><i class="step fi-social-myspace size-21"></i><i class="step fi-social-myspace size-24"></i><i class="step fi-social-myspace size-36"></i><i class="step fi-social-myspace size-48"></i><i class="step fi-social-myspace size-60"></i><i class="step fi-social-myspace size-72"></i>
2850
+ </div>
2851
+ <div class="preview-scale">
2852
+ <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>
2853
+ </div>
2854
+ <div class="usage">
2855
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-myspace" />
2856
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d2;" />
2857
+ </div>
2858
+ </div>
2859
+
2860
+ <div class="glyph">
2861
+ <div class="preview-glyphs">
2862
+ <i class="step fi-social-orkut size-12"></i><i class="step fi-social-orkut size-14"></i><i class="step fi-social-orkut size-16"></i><i class="step fi-social-orkut size-18"></i><i class="step fi-social-orkut size-21"></i><i class="step fi-social-orkut size-24"></i><i class="step fi-social-orkut size-36"></i><i class="step fi-social-orkut size-48"></i><i class="step fi-social-orkut size-60"></i><i class="step fi-social-orkut size-72"></i>
2863
+ </div>
2864
+ <div class="preview-scale">
2865
+ <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>
2866
+ </div>
2867
+ <div class="usage">
2868
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-orkut" />
2869
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d3;" />
2870
+ </div>
2871
+ </div>
2872
+
2873
+ <div class="glyph">
2874
+ <div class="preview-glyphs">
2875
+ <i class="step fi-social-path size-12"></i><i class="step fi-social-path size-14"></i><i class="step fi-social-path size-16"></i><i class="step fi-social-path size-18"></i><i class="step fi-social-path size-21"></i><i class="step fi-social-path size-24"></i><i class="step fi-social-path size-36"></i><i class="step fi-social-path size-48"></i><i class="step fi-social-path size-60"></i><i class="step fi-social-path size-72"></i>
2876
+ </div>
2877
+ <div class="preview-scale">
2878
+ <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>
2879
+ </div>
2880
+ <div class="usage">
2881
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-path" />
2882
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d4;" />
2883
+ </div>
2884
+ </div>
2885
+
2886
+ <div class="glyph">
2887
+ <div class="preview-glyphs">
2888
+ <i class="step fi-social-picasa size-12"></i><i class="step fi-social-picasa size-14"></i><i class="step fi-social-picasa size-16"></i><i class="step fi-social-picasa size-18"></i><i class="step fi-social-picasa size-21"></i><i class="step fi-social-picasa size-24"></i><i class="step fi-social-picasa size-36"></i><i class="step fi-social-picasa size-48"></i><i class="step fi-social-picasa size-60"></i><i class="step fi-social-picasa size-72"></i>
2889
+ </div>
2890
+ <div class="preview-scale">
2891
+ <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>
2892
+ </div>
2893
+ <div class="usage">
2894
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-picasa" />
2895
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d5;" />
2896
+ </div>
2897
+ </div>
2898
+
2899
+ <div class="glyph">
2900
+ <div class="preview-glyphs">
2901
+ <i class="step fi-social-pinterest size-12"></i><i class="step fi-social-pinterest size-14"></i><i class="step fi-social-pinterest size-16"></i><i class="step fi-social-pinterest size-18"></i><i class="step fi-social-pinterest size-21"></i><i class="step fi-social-pinterest size-24"></i><i class="step fi-social-pinterest size-36"></i><i class="step fi-social-pinterest size-48"></i><i class="step fi-social-pinterest size-60"></i><i class="step fi-social-pinterest size-72"></i>
2902
+ </div>
2903
+ <div class="preview-scale">
2904
+ <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>
2905
+ </div>
2906
+ <div class="usage">
2907
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-pinterest" />
2908
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d6;" />
2909
+ </div>
2910
+ </div>
2911
+
2912
+ <div class="glyph">
2913
+ <div class="preview-glyphs">
2914
+ <i class="step fi-social-rdio size-12"></i><i class="step fi-social-rdio size-14"></i><i class="step fi-social-rdio size-16"></i><i class="step fi-social-rdio size-18"></i><i class="step fi-social-rdio size-21"></i><i class="step fi-social-rdio size-24"></i><i class="step fi-social-rdio size-36"></i><i class="step fi-social-rdio size-48"></i><i class="step fi-social-rdio size-60"></i><i class="step fi-social-rdio size-72"></i>
2915
+ </div>
2916
+ <div class="preview-scale">
2917
+ <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>
2918
+ </div>
2919
+ <div class="usage">
2920
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-rdio" />
2921
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d7;" />
2922
+ </div>
2923
+ </div>
2924
+
2925
+ <div class="glyph">
2926
+ <div class="preview-glyphs">
2927
+ <i class="step fi-social-reddit size-12"></i><i class="step fi-social-reddit size-14"></i><i class="step fi-social-reddit size-16"></i><i class="step fi-social-reddit size-18"></i><i class="step fi-social-reddit size-21"></i><i class="step fi-social-reddit size-24"></i><i class="step fi-social-reddit size-36"></i><i class="step fi-social-reddit size-48"></i><i class="step fi-social-reddit size-60"></i><i class="step fi-social-reddit size-72"></i>
2928
+ </div>
2929
+ <div class="preview-scale">
2930
+ <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>
2931
+ </div>
2932
+ <div class="usage">
2933
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-reddit" />
2934
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d8;" />
2935
+ </div>
2936
+ </div>
2937
+
2938
+ <div class="glyph">
2939
+ <div class="preview-glyphs">
2940
+ <i class="step fi-social-skillshare size-12"></i><i class="step fi-social-skillshare size-14"></i><i class="step fi-social-skillshare size-16"></i><i class="step fi-social-skillshare size-18"></i><i class="step fi-social-skillshare size-21"></i><i class="step fi-social-skillshare size-24"></i><i class="step fi-social-skillshare size-36"></i><i class="step fi-social-skillshare size-48"></i><i class="step fi-social-skillshare size-60"></i><i class="step fi-social-skillshare size-72"></i>
2941
+ </div>
2942
+ <div class="preview-scale">
2943
+ <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>
2944
+ </div>
2945
+ <div class="usage">
2946
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-skillshare" />
2947
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1d9;" />
2948
+ </div>
2949
+ </div>
2950
+
2951
+ <div class="glyph">
2952
+ <div class="preview-glyphs">
2953
+ <i class="step fi-social-skype size-12"></i><i class="step fi-social-skype size-14"></i><i class="step fi-social-skype size-16"></i><i class="step fi-social-skype size-18"></i><i class="step fi-social-skype size-21"></i><i class="step fi-social-skype size-24"></i><i class="step fi-social-skype size-36"></i><i class="step fi-social-skype size-48"></i><i class="step fi-social-skype size-60"></i><i class="step fi-social-skype size-72"></i>
2954
+ </div>
2955
+ <div class="preview-scale">
2956
+ <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>
2957
+ </div>
2958
+ <div class="usage">
2959
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-skype" />
2960
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1da;" />
2961
+ </div>
2962
+ </div>
2963
+
2964
+ <div class="glyph">
2965
+ <div class="preview-glyphs">
2966
+ <i class="step fi-social-smashing-mag size-12"></i><i class="step fi-social-smashing-mag size-14"></i><i class="step fi-social-smashing-mag size-16"></i><i class="step fi-social-smashing-mag size-18"></i><i class="step fi-social-smashing-mag size-21"></i><i class="step fi-social-smashing-mag size-24"></i><i class="step fi-social-smashing-mag size-36"></i><i class="step fi-social-smashing-mag size-48"></i><i class="step fi-social-smashing-mag size-60"></i><i class="step fi-social-smashing-mag size-72"></i>
2967
+ </div>
2968
+ <div class="preview-scale">
2969
+ <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>
2970
+ </div>
2971
+ <div class="usage">
2972
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-smashing-mag" />
2973
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1db;" />
2974
+ </div>
2975
+ </div>
2976
+
2977
+ <div class="glyph">
2978
+ <div class="preview-glyphs">
2979
+ <i class="step fi-social-snapchat size-12"></i><i class="step fi-social-snapchat size-14"></i><i class="step fi-social-snapchat size-16"></i><i class="step fi-social-snapchat size-18"></i><i class="step fi-social-snapchat size-21"></i><i class="step fi-social-snapchat size-24"></i><i class="step fi-social-snapchat size-36"></i><i class="step fi-social-snapchat size-48"></i><i class="step fi-social-snapchat size-60"></i><i class="step fi-social-snapchat size-72"></i>
2980
+ </div>
2981
+ <div class="preview-scale">
2982
+ <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>
2983
+ </div>
2984
+ <div class="usage">
2985
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-snapchat" />
2986
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1dc;" />
2987
+ </div>
2988
+ </div>
2989
+
2990
+ <div class="glyph">
2991
+ <div class="preview-glyphs">
2992
+ <i class="step fi-social-spotify size-12"></i><i class="step fi-social-spotify size-14"></i><i class="step fi-social-spotify size-16"></i><i class="step fi-social-spotify size-18"></i><i class="step fi-social-spotify size-21"></i><i class="step fi-social-spotify size-24"></i><i class="step fi-social-spotify size-36"></i><i class="step fi-social-spotify size-48"></i><i class="step fi-social-spotify size-60"></i><i class="step fi-social-spotify size-72"></i>
2993
+ </div>
2994
+ <div class="preview-scale">
2995
+ <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>
2996
+ </div>
2997
+ <div class="usage">
2998
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-spotify" />
2999
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1dd;" />
3000
+ </div>
3001
+ </div>
3002
+
3003
+ <div class="glyph">
3004
+ <div class="preview-glyphs">
3005
+ <i class="step fi-social-squidoo size-12"></i><i class="step fi-social-squidoo size-14"></i><i class="step fi-social-squidoo size-16"></i><i class="step fi-social-squidoo size-18"></i><i class="step fi-social-squidoo size-21"></i><i class="step fi-social-squidoo size-24"></i><i class="step fi-social-squidoo size-36"></i><i class="step fi-social-squidoo size-48"></i><i class="step fi-social-squidoo size-60"></i><i class="step fi-social-squidoo size-72"></i>
3006
+ </div>
3007
+ <div class="preview-scale">
3008
+ <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>
3009
+ </div>
3010
+ <div class="usage">
3011
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-squidoo" />
3012
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1de;" />
3013
+ </div>
3014
+ </div>
3015
+
3016
+ <div class="glyph">
3017
+ <div class="preview-glyphs">
3018
+ <i class="step fi-social-stack-overflow size-12"></i><i class="step fi-social-stack-overflow size-14"></i><i class="step fi-social-stack-overflow size-16"></i><i class="step fi-social-stack-overflow size-18"></i><i class="step fi-social-stack-overflow size-21"></i><i class="step fi-social-stack-overflow size-24"></i><i class="step fi-social-stack-overflow size-36"></i><i class="step fi-social-stack-overflow size-48"></i><i class="step fi-social-stack-overflow size-60"></i><i class="step fi-social-stack-overflow size-72"></i>
3019
+ </div>
3020
+ <div class="preview-scale">
3021
+ <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>
3022
+ </div>
3023
+ <div class="usage">
3024
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-stack-overflow" />
3025
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1df;" />
3026
+ </div>
3027
+ </div>
3028
+
3029
+ <div class="glyph">
3030
+ <div class="preview-glyphs">
3031
+ <i class="step fi-social-steam size-12"></i><i class="step fi-social-steam size-14"></i><i class="step fi-social-steam size-16"></i><i class="step fi-social-steam size-18"></i><i class="step fi-social-steam size-21"></i><i class="step fi-social-steam size-24"></i><i class="step fi-social-steam size-36"></i><i class="step fi-social-steam size-48"></i><i class="step fi-social-steam size-60"></i><i class="step fi-social-steam size-72"></i>
3032
+ </div>
3033
+ <div class="preview-scale">
3034
+ <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>
3035
+ </div>
3036
+ <div class="usage">
3037
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-steam" />
3038
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e0;" />
3039
+ </div>
3040
+ </div>
3041
+
3042
+ <div class="glyph">
3043
+ <div class="preview-glyphs">
3044
+ <i class="step fi-social-stumbleupon size-12"></i><i class="step fi-social-stumbleupon size-14"></i><i class="step fi-social-stumbleupon size-16"></i><i class="step fi-social-stumbleupon size-18"></i><i class="step fi-social-stumbleupon size-21"></i><i class="step fi-social-stumbleupon size-24"></i><i class="step fi-social-stumbleupon size-36"></i><i class="step fi-social-stumbleupon size-48"></i><i class="step fi-social-stumbleupon size-60"></i><i class="step fi-social-stumbleupon size-72"></i>
3045
+ </div>
3046
+ <div class="preview-scale">
3047
+ <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>
3048
+ </div>
3049
+ <div class="usage">
3050
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-stumbleupon" />
3051
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e1;" />
3052
+ </div>
3053
+ </div>
3054
+
3055
+ <div class="glyph">
3056
+ <div class="preview-glyphs">
3057
+ <i class="step fi-social-treehouse size-12"></i><i class="step fi-social-treehouse size-14"></i><i class="step fi-social-treehouse size-16"></i><i class="step fi-social-treehouse size-18"></i><i class="step fi-social-treehouse size-21"></i><i class="step fi-social-treehouse size-24"></i><i class="step fi-social-treehouse size-36"></i><i class="step fi-social-treehouse size-48"></i><i class="step fi-social-treehouse size-60"></i><i class="step fi-social-treehouse size-72"></i>
3058
+ </div>
3059
+ <div class="preview-scale">
3060
+ <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>
3061
+ </div>
3062
+ <div class="usage">
3063
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-treehouse" />
3064
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e2;" />
3065
+ </div>
3066
+ </div>
3067
+
3068
+ <div class="glyph">
3069
+ <div class="preview-glyphs">
3070
+ <i class="step fi-social-tumblr size-12"></i><i class="step fi-social-tumblr size-14"></i><i class="step fi-social-tumblr size-16"></i><i class="step fi-social-tumblr size-18"></i><i class="step fi-social-tumblr size-21"></i><i class="step fi-social-tumblr size-24"></i><i class="step fi-social-tumblr size-36"></i><i class="step fi-social-tumblr size-48"></i><i class="step fi-social-tumblr size-60"></i><i class="step fi-social-tumblr size-72"></i>
3071
+ </div>
3072
+ <div class="preview-scale">
3073
+ <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>
3074
+ </div>
3075
+ <div class="usage">
3076
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-tumblr" />
3077
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e3;" />
3078
+ </div>
3079
+ </div>
3080
+
3081
+ <div class="glyph">
3082
+ <div class="preview-glyphs">
3083
+ <i class="step fi-social-twitter size-12"></i><i class="step fi-social-twitter size-14"></i><i class="step fi-social-twitter size-16"></i><i class="step fi-social-twitter size-18"></i><i class="step fi-social-twitter size-21"></i><i class="step fi-social-twitter size-24"></i><i class="step fi-social-twitter size-36"></i><i class="step fi-social-twitter size-48"></i><i class="step fi-social-twitter size-60"></i><i class="step fi-social-twitter size-72"></i>
3084
+ </div>
3085
+ <div class="preview-scale">
3086
+ <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>
3087
+ </div>
3088
+ <div class="usage">
3089
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-twitter" />
3090
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e4;" />
3091
+ </div>
3092
+ </div>
3093
+
3094
+ <div class="glyph">
3095
+ <div class="preview-glyphs">
3096
+ <i class="step fi-social-vimeo size-12"></i><i class="step fi-social-vimeo size-14"></i><i class="step fi-social-vimeo size-16"></i><i class="step fi-social-vimeo size-18"></i><i class="step fi-social-vimeo size-21"></i><i class="step fi-social-vimeo size-24"></i><i class="step fi-social-vimeo size-36"></i><i class="step fi-social-vimeo size-48"></i><i class="step fi-social-vimeo size-60"></i><i class="step fi-social-vimeo size-72"></i>
3097
+ </div>
3098
+ <div class="preview-scale">
3099
+ <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>
3100
+ </div>
3101
+ <div class="usage">
3102
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-vimeo" />
3103
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e5;" />
3104
+ </div>
3105
+ </div>
3106
+
3107
+ <div class="glyph">
3108
+ <div class="preview-glyphs">
3109
+ <i class="step fi-social-windows size-12"></i><i class="step fi-social-windows size-14"></i><i class="step fi-social-windows size-16"></i><i class="step fi-social-windows size-18"></i><i class="step fi-social-windows size-21"></i><i class="step fi-social-windows size-24"></i><i class="step fi-social-windows size-36"></i><i class="step fi-social-windows size-48"></i><i class="step fi-social-windows size-60"></i><i class="step fi-social-windows size-72"></i>
3110
+ </div>
3111
+ <div class="preview-scale">
3112
+ <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>
3113
+ </div>
3114
+ <div class="usage">
3115
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-windows" />
3116
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e6;" />
3117
+ </div>
3118
+ </div>
3119
+
3120
+ <div class="glyph">
3121
+ <div class="preview-glyphs">
3122
+ <i class="step fi-social-xbox size-12"></i><i class="step fi-social-xbox size-14"></i><i class="step fi-social-xbox size-16"></i><i class="step fi-social-xbox size-18"></i><i class="step fi-social-xbox size-21"></i><i class="step fi-social-xbox size-24"></i><i class="step fi-social-xbox size-36"></i><i class="step fi-social-xbox size-48"></i><i class="step fi-social-xbox size-60"></i><i class="step fi-social-xbox size-72"></i>
3123
+ </div>
3124
+ <div class="preview-scale">
3125
+ <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>
3126
+ </div>
3127
+ <div class="usage">
3128
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-xbox" />
3129
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e7;" />
3130
+ </div>
3131
+ </div>
3132
+
3133
+ <div class="glyph">
3134
+ <div class="preview-glyphs">
3135
+ <i class="step fi-social-yahoo size-12"></i><i class="step fi-social-yahoo size-14"></i><i class="step fi-social-yahoo size-16"></i><i class="step fi-social-yahoo size-18"></i><i class="step fi-social-yahoo size-21"></i><i class="step fi-social-yahoo size-24"></i><i class="step fi-social-yahoo size-36"></i><i class="step fi-social-yahoo size-48"></i><i class="step fi-social-yahoo size-60"></i><i class="step fi-social-yahoo size-72"></i>
3136
+ </div>
3137
+ <div class="preview-scale">
3138
+ <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>
3139
+ </div>
3140
+ <div class="usage">
3141
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-yahoo" />
3142
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e8;" />
3143
+ </div>
3144
+ </div>
3145
+
3146
+ <div class="glyph">
3147
+ <div class="preview-glyphs">
3148
+ <i class="step fi-social-yelp size-12"></i><i class="step fi-social-yelp size-14"></i><i class="step fi-social-yelp size-16"></i><i class="step fi-social-yelp size-18"></i><i class="step fi-social-yelp size-21"></i><i class="step fi-social-yelp size-24"></i><i class="step fi-social-yelp size-36"></i><i class="step fi-social-yelp size-48"></i><i class="step fi-social-yelp size-60"></i><i class="step fi-social-yelp size-72"></i>
3149
+ </div>
3150
+ <div class="preview-scale">
3151
+ <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>
3152
+ </div>
3153
+ <div class="usage">
3154
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-yelp" />
3155
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1e9;" />
3156
+ </div>
3157
+ </div>
3158
+
3159
+ <div class="glyph">
3160
+ <div class="preview-glyphs">
3161
+ <i class="step fi-social-youtube size-12"></i><i class="step fi-social-youtube size-14"></i><i class="step fi-social-youtube size-16"></i><i class="step fi-social-youtube size-18"></i><i class="step fi-social-youtube size-21"></i><i class="step fi-social-youtube size-24"></i><i class="step fi-social-youtube size-36"></i><i class="step fi-social-youtube size-48"></i><i class="step fi-social-youtube size-60"></i><i class="step fi-social-youtube size-72"></i>
3162
+ </div>
3163
+ <div class="preview-scale">
3164
+ <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>
3165
+ </div>
3166
+ <div class="usage">
3167
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-youtube" />
3168
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ea;" />
3169
+ </div>
3170
+ </div>
3171
+
3172
+ <div class="glyph">
3173
+ <div class="preview-glyphs">
3174
+ <i class="step fi-social-zerply size-12"></i><i class="step fi-social-zerply size-14"></i><i class="step fi-social-zerply size-16"></i><i class="step fi-social-zerply size-18"></i><i class="step fi-social-zerply size-21"></i><i class="step fi-social-zerply size-24"></i><i class="step fi-social-zerply size-36"></i><i class="step fi-social-zerply size-48"></i><i class="step fi-social-zerply size-60"></i><i class="step fi-social-zerply size-72"></i>
3175
+ </div>
3176
+ <div class="preview-scale">
3177
+ <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>
3178
+ </div>
3179
+ <div class="usage">
3180
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-zerply" />
3181
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1eb;" />
3182
+ </div>
3183
+ </div>
3184
+
3185
+ <div class="glyph">
3186
+ <div class="preview-glyphs">
3187
+ <i class="step fi-social-zurb size-12"></i><i class="step fi-social-zurb size-14"></i><i class="step fi-social-zurb size-16"></i><i class="step fi-social-zurb size-18"></i><i class="step fi-social-zurb size-21"></i><i class="step fi-social-zurb size-24"></i><i class="step fi-social-zurb size-36"></i><i class="step fi-social-zurb size-48"></i><i class="step fi-social-zurb size-60"></i><i class="step fi-social-zurb size-72"></i>
3188
+ </div>
3189
+ <div class="preview-scale">
3190
+ <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>
3191
+ </div>
3192
+ <div class="usage">
3193
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-social-zurb" />
3194
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ec;" />
3195
+ </div>
3196
+ </div>
3197
+
3198
+ <div class="glyph">
3199
+ <div class="preview-glyphs">
3200
+ <i class="step fi-sound size-12"></i><i class="step fi-sound size-14"></i><i class="step fi-sound size-16"></i><i class="step fi-sound size-18"></i><i class="step fi-sound size-21"></i><i class="step fi-sound size-24"></i><i class="step fi-sound size-36"></i><i class="step fi-sound size-48"></i><i class="step fi-sound size-60"></i><i class="step fi-sound size-72"></i>
3201
+ </div>
3202
+ <div class="preview-scale">
3203
+ <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>
3204
+ </div>
3205
+ <div class="usage">
3206
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-sound" />
3207
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ed;" />
3208
+ </div>
3209
+ </div>
3210
+
3211
+ <div class="glyph">
3212
+ <div class="preview-glyphs">
3213
+ <i class="step fi-star size-12"></i><i class="step fi-star size-14"></i><i class="step fi-star size-16"></i><i class="step fi-star size-18"></i><i class="step fi-star size-21"></i><i class="step fi-star size-24"></i><i class="step fi-star size-36"></i><i class="step fi-star size-48"></i><i class="step fi-star size-60"></i><i class="step fi-star size-72"></i>
3214
+ </div>
3215
+ <div class="preview-scale">
3216
+ <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>
3217
+ </div>
3218
+ <div class="usage">
3219
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-star" />
3220
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ee;" />
3221
+ </div>
3222
+ </div>
3223
+
3224
+ <div class="glyph">
3225
+ <div class="preview-glyphs">
3226
+ <i class="step fi-stop size-12"></i><i class="step fi-stop size-14"></i><i class="step fi-stop size-16"></i><i class="step fi-stop size-18"></i><i class="step fi-stop size-21"></i><i class="step fi-stop size-24"></i><i class="step fi-stop size-36"></i><i class="step fi-stop size-48"></i><i class="step fi-stop size-60"></i><i class="step fi-stop size-72"></i>
3227
+ </div>
3228
+ <div class="preview-scale">
3229
+ <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>
3230
+ </div>
3231
+ <div class="usage">
3232
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-stop" />
3233
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ef;" />
3234
+ </div>
3235
+ </div>
3236
+
3237
+ <div class="glyph">
3238
+ <div class="preview-glyphs">
3239
+ <i class="step fi-strikethrough size-12"></i><i class="step fi-strikethrough size-14"></i><i class="step fi-strikethrough size-16"></i><i class="step fi-strikethrough size-18"></i><i class="step fi-strikethrough size-21"></i><i class="step fi-strikethrough size-24"></i><i class="step fi-strikethrough size-36"></i><i class="step fi-strikethrough size-48"></i><i class="step fi-strikethrough size-60"></i><i class="step fi-strikethrough size-72"></i>
3240
+ </div>
3241
+ <div class="preview-scale">
3242
+ <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>
3243
+ </div>
3244
+ <div class="usage">
3245
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-strikethrough" />
3246
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f0;" />
3247
+ </div>
3248
+ </div>
3249
+
3250
+ <div class="glyph">
3251
+ <div class="preview-glyphs">
3252
+ <i class="step fi-subscript size-12"></i><i class="step fi-subscript size-14"></i><i class="step fi-subscript size-16"></i><i class="step fi-subscript size-18"></i><i class="step fi-subscript size-21"></i><i class="step fi-subscript size-24"></i><i class="step fi-subscript size-36"></i><i class="step fi-subscript size-48"></i><i class="step fi-subscript size-60"></i><i class="step fi-subscript size-72"></i>
3253
+ </div>
3254
+ <div class="preview-scale">
3255
+ <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>
3256
+ </div>
3257
+ <div class="usage">
3258
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-subscript" />
3259
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f1;" />
3260
+ </div>
3261
+ </div>
3262
+
3263
+ <div class="glyph">
3264
+ <div class="preview-glyphs">
3265
+ <i class="step fi-superscript size-12"></i><i class="step fi-superscript size-14"></i><i class="step fi-superscript size-16"></i><i class="step fi-superscript size-18"></i><i class="step fi-superscript size-21"></i><i class="step fi-superscript size-24"></i><i class="step fi-superscript size-36"></i><i class="step fi-superscript size-48"></i><i class="step fi-superscript size-60"></i><i class="step fi-superscript size-72"></i>
3266
+ </div>
3267
+ <div class="preview-scale">
3268
+ <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>
3269
+ </div>
3270
+ <div class="usage">
3271
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-superscript" />
3272
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f2;" />
3273
+ </div>
3274
+ </div>
3275
+
3276
+ <div class="glyph">
3277
+ <div class="preview-glyphs">
3278
+ <i class="step fi-tablet-landscape size-12"></i><i class="step fi-tablet-landscape size-14"></i><i class="step fi-tablet-landscape size-16"></i><i class="step fi-tablet-landscape size-18"></i><i class="step fi-tablet-landscape size-21"></i><i class="step fi-tablet-landscape size-24"></i><i class="step fi-tablet-landscape size-36"></i><i class="step fi-tablet-landscape size-48"></i><i class="step fi-tablet-landscape size-60"></i><i class="step fi-tablet-landscape size-72"></i>
3279
+ </div>
3280
+ <div class="preview-scale">
3281
+ <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>
3282
+ </div>
3283
+ <div class="usage">
3284
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-tablet-landscape" />
3285
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f3;" />
3286
+ </div>
3287
+ </div>
3288
+
3289
+ <div class="glyph">
3290
+ <div class="preview-glyphs">
3291
+ <i class="step fi-tablet-portrait size-12"></i><i class="step fi-tablet-portrait size-14"></i><i class="step fi-tablet-portrait size-16"></i><i class="step fi-tablet-portrait size-18"></i><i class="step fi-tablet-portrait size-21"></i><i class="step fi-tablet-portrait size-24"></i><i class="step fi-tablet-portrait size-36"></i><i class="step fi-tablet-portrait size-48"></i><i class="step fi-tablet-portrait size-60"></i><i class="step fi-tablet-portrait size-72"></i>
3292
+ </div>
3293
+ <div class="preview-scale">
3294
+ <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>
3295
+ </div>
3296
+ <div class="usage">
3297
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-tablet-portrait" />
3298
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f4;" />
3299
+ </div>
3300
+ </div>
3301
+
3302
+ <div class="glyph">
3303
+ <div class="preview-glyphs">
3304
+ <i class="step fi-target-two size-12"></i><i class="step fi-target-two size-14"></i><i class="step fi-target-two size-16"></i><i class="step fi-target-two size-18"></i><i class="step fi-target-two size-21"></i><i class="step fi-target-two size-24"></i><i class="step fi-target-two size-36"></i><i class="step fi-target-two size-48"></i><i class="step fi-target-two size-60"></i><i class="step fi-target-two size-72"></i>
3305
+ </div>
3306
+ <div class="preview-scale">
3307
+ <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>
3308
+ </div>
3309
+ <div class="usage">
3310
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-target-two" />
3311
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f5;" />
3312
+ </div>
3313
+ </div>
3314
+
3315
+ <div class="glyph">
3316
+ <div class="preview-glyphs">
3317
+ <i class="step fi-target size-12"></i><i class="step fi-target size-14"></i><i class="step fi-target size-16"></i><i class="step fi-target size-18"></i><i class="step fi-target size-21"></i><i class="step fi-target size-24"></i><i class="step fi-target size-36"></i><i class="step fi-target size-48"></i><i class="step fi-target size-60"></i><i class="step fi-target size-72"></i>
3318
+ </div>
3319
+ <div class="preview-scale">
3320
+ <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>
3321
+ </div>
3322
+ <div class="usage">
3323
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-target" />
3324
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f6;" />
3325
+ </div>
3326
+ </div>
3327
+
3328
+ <div class="glyph">
3329
+ <div class="preview-glyphs">
3330
+ <i class="step fi-telephone-accessible size-12"></i><i class="step fi-telephone-accessible size-14"></i><i class="step fi-telephone-accessible size-16"></i><i class="step fi-telephone-accessible size-18"></i><i class="step fi-telephone-accessible size-21"></i><i class="step fi-telephone-accessible size-24"></i><i class="step fi-telephone-accessible size-36"></i><i class="step fi-telephone-accessible size-48"></i><i class="step fi-telephone-accessible size-60"></i><i class="step fi-telephone-accessible size-72"></i>
3331
+ </div>
3332
+ <div class="preview-scale">
3333
+ <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>
3334
+ </div>
3335
+ <div class="usage">
3336
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-telephone-accessible" />
3337
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f7;" />
3338
+ </div>
3339
+ </div>
3340
+
3341
+ <div class="glyph">
3342
+ <div class="preview-glyphs">
3343
+ <i class="step fi-telephone size-12"></i><i class="step fi-telephone size-14"></i><i class="step fi-telephone size-16"></i><i class="step fi-telephone size-18"></i><i class="step fi-telephone size-21"></i><i class="step fi-telephone size-24"></i><i class="step fi-telephone size-36"></i><i class="step fi-telephone size-48"></i><i class="step fi-telephone size-60"></i><i class="step fi-telephone size-72"></i>
3344
+ </div>
3345
+ <div class="preview-scale">
3346
+ <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>
3347
+ </div>
3348
+ <div class="usage">
3349
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-telephone" />
3350
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f8;" />
3351
+ </div>
3352
+ </div>
3353
+
3354
+ <div class="glyph">
3355
+ <div class="preview-glyphs">
3356
+ <i class="step fi-text-color size-12"></i><i class="step fi-text-color size-14"></i><i class="step fi-text-color size-16"></i><i class="step fi-text-color size-18"></i><i class="step fi-text-color size-21"></i><i class="step fi-text-color size-24"></i><i class="step fi-text-color size-36"></i><i class="step fi-text-color size-48"></i><i class="step fi-text-color size-60"></i><i class="step fi-text-color size-72"></i>
3357
+ </div>
3358
+ <div class="preview-scale">
3359
+ <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>
3360
+ </div>
3361
+ <div class="usage">
3362
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-text-color" />
3363
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f9;" />
3364
+ </div>
3365
+ </div>
3366
+
3367
+ <div class="glyph">
3368
+ <div class="preview-glyphs">
3369
+ <i class="step fi-thumbnails size-12"></i><i class="step fi-thumbnails size-14"></i><i class="step fi-thumbnails size-16"></i><i class="step fi-thumbnails size-18"></i><i class="step fi-thumbnails size-21"></i><i class="step fi-thumbnails size-24"></i><i class="step fi-thumbnails size-36"></i><i class="step fi-thumbnails size-48"></i><i class="step fi-thumbnails size-60"></i><i class="step fi-thumbnails size-72"></i>
3370
+ </div>
3371
+ <div class="preview-scale">
3372
+ <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>
3373
+ </div>
3374
+ <div class="usage">
3375
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-thumbnails" />
3376
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fa;" />
3377
+ </div>
3378
+ </div>
3379
+
3380
+ <div class="glyph">
3381
+ <div class="preview-glyphs">
3382
+ <i class="step fi-ticket size-12"></i><i class="step fi-ticket size-14"></i><i class="step fi-ticket size-16"></i><i class="step fi-ticket size-18"></i><i class="step fi-ticket size-21"></i><i class="step fi-ticket size-24"></i><i class="step fi-ticket size-36"></i><i class="step fi-ticket size-48"></i><i class="step fi-ticket size-60"></i><i class="step fi-ticket size-72"></i>
3383
+ </div>
3384
+ <div class="preview-scale">
3385
+ <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>
3386
+ </div>
3387
+ <div class="usage">
3388
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-ticket" />
3389
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fb;" />
3390
+ </div>
3391
+ </div>
3392
+
3393
+ <div class="glyph">
3394
+ <div class="preview-glyphs">
3395
+ <i class="step fi-torso-business size-12"></i><i class="step fi-torso-business size-14"></i><i class="step fi-torso-business size-16"></i><i class="step fi-torso-business size-18"></i><i class="step fi-torso-business size-21"></i><i class="step fi-torso-business size-24"></i><i class="step fi-torso-business size-36"></i><i class="step fi-torso-business size-48"></i><i class="step fi-torso-business size-60"></i><i class="step fi-torso-business size-72"></i>
3396
+ </div>
3397
+ <div class="preview-scale">
3398
+ <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>
3399
+ </div>
3400
+ <div class="usage">
3401
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torso-business" />
3402
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fc;" />
3403
+ </div>
3404
+ </div>
3405
+
3406
+ <div class="glyph">
3407
+ <div class="preview-glyphs">
3408
+ <i class="step fi-torso-female size-12"></i><i class="step fi-torso-female size-14"></i><i class="step fi-torso-female size-16"></i><i class="step fi-torso-female size-18"></i><i class="step fi-torso-female size-21"></i><i class="step fi-torso-female size-24"></i><i class="step fi-torso-female size-36"></i><i class="step fi-torso-female size-48"></i><i class="step fi-torso-female size-60"></i><i class="step fi-torso-female size-72"></i>
3409
+ </div>
3410
+ <div class="preview-scale">
3411
+ <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>
3412
+ </div>
3413
+ <div class="usage">
3414
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torso-female" />
3415
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fd;" />
3416
+ </div>
3417
+ </div>
3418
+
3419
+ <div class="glyph">
3420
+ <div class="preview-glyphs">
3421
+ <i class="step fi-torso size-12"></i><i class="step fi-torso size-14"></i><i class="step fi-torso size-16"></i><i class="step fi-torso size-18"></i><i class="step fi-torso size-21"></i><i class="step fi-torso size-24"></i><i class="step fi-torso size-36"></i><i class="step fi-torso size-48"></i><i class="step fi-torso size-60"></i><i class="step fi-torso size-72"></i>
3422
+ </div>
3423
+ <div class="preview-scale">
3424
+ <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>
3425
+ </div>
3426
+ <div class="usage">
3427
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torso" />
3428
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fe;" />
3429
+ </div>
3430
+ </div>
3431
+
3432
+ <div class="glyph">
3433
+ <div class="preview-glyphs">
3434
+ <i class="step fi-torsos-all-female size-12"></i><i class="step fi-torsos-all-female size-14"></i><i class="step fi-torsos-all-female size-16"></i><i class="step fi-torsos-all-female size-18"></i><i class="step fi-torsos-all-female size-21"></i><i class="step fi-torsos-all-female size-24"></i><i class="step fi-torsos-all-female size-36"></i><i class="step fi-torsos-all-female size-48"></i><i class="step fi-torsos-all-female size-60"></i><i class="step fi-torsos-all-female size-72"></i>
3435
+ </div>
3436
+ <div class="preview-scale">
3437
+ <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>
3438
+ </div>
3439
+ <div class="usage">
3440
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-all-female" />
3441
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ff;" />
3442
+ </div>
3443
+ </div>
3444
+
3445
+ <div class="glyph">
3446
+ <div class="preview-glyphs">
3447
+ <i class="step fi-torsos-all size-12"></i><i class="step fi-torsos-all size-14"></i><i class="step fi-torsos-all size-16"></i><i class="step fi-torsos-all size-18"></i><i class="step fi-torsos-all size-21"></i><i class="step fi-torsos-all size-24"></i><i class="step fi-torsos-all size-36"></i><i class="step fi-torsos-all size-48"></i><i class="step fi-torsos-all size-60"></i><i class="step fi-torsos-all size-72"></i>
3448
+ </div>
3449
+ <div class="preview-scale">
3450
+ <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>
3451
+ </div>
3452
+ <div class="usage">
3453
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-all" />
3454
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf200;" />
3455
+ </div>
3456
+ </div>
3457
+
3458
+ <div class="glyph">
3459
+ <div class="preview-glyphs">
3460
+ <i class="step fi-torsos-female-male size-12"></i><i class="step fi-torsos-female-male size-14"></i><i class="step fi-torsos-female-male size-16"></i><i class="step fi-torsos-female-male size-18"></i><i class="step fi-torsos-female-male size-21"></i><i class="step fi-torsos-female-male size-24"></i><i class="step fi-torsos-female-male size-36"></i><i class="step fi-torsos-female-male size-48"></i><i class="step fi-torsos-female-male size-60"></i><i class="step fi-torsos-female-male size-72"></i>
3461
+ </div>
3462
+ <div class="preview-scale">
3463
+ <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>
3464
+ </div>
3465
+ <div class="usage">
3466
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-female-male" />
3467
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf201;" />
3468
+ </div>
3469
+ </div>
3470
+
3471
+ <div class="glyph">
3472
+ <div class="preview-glyphs">
3473
+ <i class="step fi-torsos-male-female size-12"></i><i class="step fi-torsos-male-female size-14"></i><i class="step fi-torsos-male-female size-16"></i><i class="step fi-torsos-male-female size-18"></i><i class="step fi-torsos-male-female size-21"></i><i class="step fi-torsos-male-female size-24"></i><i class="step fi-torsos-male-female size-36"></i><i class="step fi-torsos-male-female size-48"></i><i class="step fi-torsos-male-female size-60"></i><i class="step fi-torsos-male-female size-72"></i>
3474
+ </div>
3475
+ <div class="preview-scale">
3476
+ <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>
3477
+ </div>
3478
+ <div class="usage">
3479
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos-male-female" />
3480
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf202;" />
3481
+ </div>
3482
+ </div>
3483
+
3484
+ <div class="glyph">
3485
+ <div class="preview-glyphs">
3486
+ <i class="step fi-torsos size-12"></i><i class="step fi-torsos size-14"></i><i class="step fi-torsos size-16"></i><i class="step fi-torsos size-18"></i><i class="step fi-torsos size-21"></i><i class="step fi-torsos size-24"></i><i class="step fi-torsos size-36"></i><i class="step fi-torsos size-48"></i><i class="step fi-torsos size-60"></i><i class="step fi-torsos size-72"></i>
3487
+ </div>
3488
+ <div class="preview-scale">
3489
+ <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>
3490
+ </div>
3491
+ <div class="usage">
3492
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-torsos" />
3493
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf203;" />
3494
+ </div>
3495
+ </div>
3496
+
3497
+ <div class="glyph">
3498
+ <div class="preview-glyphs">
3499
+ <i class="step fi-trash size-12"></i><i class="step fi-trash size-14"></i><i class="step fi-trash size-16"></i><i class="step fi-trash size-18"></i><i class="step fi-trash size-21"></i><i class="step fi-trash size-24"></i><i class="step fi-trash size-36"></i><i class="step fi-trash size-48"></i><i class="step fi-trash size-60"></i><i class="step fi-trash size-72"></i>
3500
+ </div>
3501
+ <div class="preview-scale">
3502
+ <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>
3503
+ </div>
3504
+ <div class="usage">
3505
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-trash" />
3506
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf204;" />
3507
+ </div>
3508
+ </div>
3509
+
3510
+ <div class="glyph">
3511
+ <div class="preview-glyphs">
3512
+ <i class="step fi-trees size-12"></i><i class="step fi-trees size-14"></i><i class="step fi-trees size-16"></i><i class="step fi-trees size-18"></i><i class="step fi-trees size-21"></i><i class="step fi-trees size-24"></i><i class="step fi-trees size-36"></i><i class="step fi-trees size-48"></i><i class="step fi-trees size-60"></i><i class="step fi-trees size-72"></i>
3513
+ </div>
3514
+ <div class="preview-scale">
3515
+ <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>
3516
+ </div>
3517
+ <div class="usage">
3518
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-trees" />
3519
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf205;" />
3520
+ </div>
3521
+ </div>
3522
+
3523
+ <div class="glyph">
3524
+ <div class="preview-glyphs">
3525
+ <i class="step fi-trophy size-12"></i><i class="step fi-trophy size-14"></i><i class="step fi-trophy size-16"></i><i class="step fi-trophy size-18"></i><i class="step fi-trophy size-21"></i><i class="step fi-trophy size-24"></i><i class="step fi-trophy size-36"></i><i class="step fi-trophy size-48"></i><i class="step fi-trophy size-60"></i><i class="step fi-trophy size-72"></i>
3526
+ </div>
3527
+ <div class="preview-scale">
3528
+ <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>
3529
+ </div>
3530
+ <div class="usage">
3531
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-trophy" />
3532
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf206;" />
3533
+ </div>
3534
+ </div>
3535
+
3536
+ <div class="glyph">
3537
+ <div class="preview-glyphs">
3538
+ <i class="step fi-underline size-12"></i><i class="step fi-underline size-14"></i><i class="step fi-underline size-16"></i><i class="step fi-underline size-18"></i><i class="step fi-underline size-21"></i><i class="step fi-underline size-24"></i><i class="step fi-underline size-36"></i><i class="step fi-underline size-48"></i><i class="step fi-underline size-60"></i><i class="step fi-underline size-72"></i>
3539
+ </div>
3540
+ <div class="preview-scale">
3541
+ <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>
3542
+ </div>
3543
+ <div class="usage">
3544
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-underline" />
3545
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf207;" />
3546
+ </div>
3547
+ </div>
3548
+
3549
+ <div class="glyph">
3550
+ <div class="preview-glyphs">
3551
+ <i class="step fi-universal-access size-12"></i><i class="step fi-universal-access size-14"></i><i class="step fi-universal-access size-16"></i><i class="step fi-universal-access size-18"></i><i class="step fi-universal-access size-21"></i><i class="step fi-universal-access size-24"></i><i class="step fi-universal-access size-36"></i><i class="step fi-universal-access size-48"></i><i class="step fi-universal-access size-60"></i><i class="step fi-universal-access size-72"></i>
3552
+ </div>
3553
+ <div class="preview-scale">
3554
+ <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>
3555
+ </div>
3556
+ <div class="usage">
3557
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-universal-access" />
3558
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf208;" />
3559
+ </div>
3560
+ </div>
3561
+
3562
+ <div class="glyph">
3563
+ <div class="preview-glyphs">
3564
+ <i class="step fi-unlink size-12"></i><i class="step fi-unlink size-14"></i><i class="step fi-unlink size-16"></i><i class="step fi-unlink size-18"></i><i class="step fi-unlink size-21"></i><i class="step fi-unlink size-24"></i><i class="step fi-unlink size-36"></i><i class="step fi-unlink size-48"></i><i class="step fi-unlink size-60"></i><i class="step fi-unlink size-72"></i>
3565
+ </div>
3566
+ <div class="preview-scale">
3567
+ <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>
3568
+ </div>
3569
+ <div class="usage">
3570
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-unlink" />
3571
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf209;" />
3572
+ </div>
3573
+ </div>
3574
+
3575
+ <div class="glyph">
3576
+ <div class="preview-glyphs">
3577
+ <i class="step fi-unlock size-12"></i><i class="step fi-unlock size-14"></i><i class="step fi-unlock size-16"></i><i class="step fi-unlock size-18"></i><i class="step fi-unlock size-21"></i><i class="step fi-unlock size-24"></i><i class="step fi-unlock size-36"></i><i class="step fi-unlock size-48"></i><i class="step fi-unlock size-60"></i><i class="step fi-unlock size-72"></i>
3578
+ </div>
3579
+ <div class="preview-scale">
3580
+ <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>
3581
+ </div>
3582
+ <div class="usage">
3583
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-unlock" />
3584
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20a;" />
3585
+ </div>
3586
+ </div>
3587
+
3588
+ <div class="glyph">
3589
+ <div class="preview-glyphs">
3590
+ <i class="step fi-upload-cloud size-12"></i><i class="step fi-upload-cloud size-14"></i><i class="step fi-upload-cloud size-16"></i><i class="step fi-upload-cloud size-18"></i><i class="step fi-upload-cloud size-21"></i><i class="step fi-upload-cloud size-24"></i><i class="step fi-upload-cloud size-36"></i><i class="step fi-upload-cloud size-48"></i><i class="step fi-upload-cloud size-60"></i><i class="step fi-upload-cloud size-72"></i>
3591
+ </div>
3592
+ <div class="preview-scale">
3593
+ <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>
3594
+ </div>
3595
+ <div class="usage">
3596
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-upload-cloud" />
3597
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20b;" />
3598
+ </div>
3599
+ </div>
3600
+
3601
+ <div class="glyph">
3602
+ <div class="preview-glyphs">
3603
+ <i class="step fi-upload size-12"></i><i class="step fi-upload size-14"></i><i class="step fi-upload size-16"></i><i class="step fi-upload size-18"></i><i class="step fi-upload size-21"></i><i class="step fi-upload size-24"></i><i class="step fi-upload size-36"></i><i class="step fi-upload size-48"></i><i class="step fi-upload size-60"></i><i class="step fi-upload size-72"></i>
3604
+ </div>
3605
+ <div class="preview-scale">
3606
+ <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>
3607
+ </div>
3608
+ <div class="usage">
3609
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-upload" />
3610
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20c;" />
3611
+ </div>
3612
+ </div>
3613
+
3614
+ <div class="glyph">
3615
+ <div class="preview-glyphs">
3616
+ <i class="step fi-usb size-12"></i><i class="step fi-usb size-14"></i><i class="step fi-usb size-16"></i><i class="step fi-usb size-18"></i><i class="step fi-usb size-21"></i><i class="step fi-usb size-24"></i><i class="step fi-usb size-36"></i><i class="step fi-usb size-48"></i><i class="step fi-usb size-60"></i><i class="step fi-usb size-72"></i>
3617
+ </div>
3618
+ <div class="preview-scale">
3619
+ <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>
3620
+ </div>
3621
+ <div class="usage">
3622
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-usb" />
3623
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20d;" />
3624
+ </div>
3625
+ </div>
3626
+
3627
+ <div class="glyph">
3628
+ <div class="preview-glyphs">
3629
+ <i class="step fi-video size-12"></i><i class="step fi-video size-14"></i><i class="step fi-video size-16"></i><i class="step fi-video size-18"></i><i class="step fi-video size-21"></i><i class="step fi-video size-24"></i><i class="step fi-video size-36"></i><i class="step fi-video size-48"></i><i class="step fi-video size-60"></i><i class="step fi-video size-72"></i>
3630
+ </div>
3631
+ <div class="preview-scale">
3632
+ <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>
3633
+ </div>
3634
+ <div class="usage">
3635
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-video" />
3636
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20e;" />
3637
+ </div>
3638
+ </div>
3639
+
3640
+ <div class="glyph">
3641
+ <div class="preview-glyphs">
3642
+ <i class="step fi-volume-none size-12"></i><i class="step fi-volume-none size-14"></i><i class="step fi-volume-none size-16"></i><i class="step fi-volume-none size-18"></i><i class="step fi-volume-none size-21"></i><i class="step fi-volume-none size-24"></i><i class="step fi-volume-none size-36"></i><i class="step fi-volume-none size-48"></i><i class="step fi-volume-none size-60"></i><i class="step fi-volume-none size-72"></i>
3643
+ </div>
3644
+ <div class="preview-scale">
3645
+ <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>
3646
+ </div>
3647
+ <div class="usage">
3648
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-volume-none" />
3649
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20f;" />
3650
+ </div>
3651
+ </div>
3652
+
3653
+ <div class="glyph">
3654
+ <div class="preview-glyphs">
3655
+ <i class="step fi-volume-strike size-12"></i><i class="step fi-volume-strike size-14"></i><i class="step fi-volume-strike size-16"></i><i class="step fi-volume-strike size-18"></i><i class="step fi-volume-strike size-21"></i><i class="step fi-volume-strike size-24"></i><i class="step fi-volume-strike size-36"></i><i class="step fi-volume-strike size-48"></i><i class="step fi-volume-strike size-60"></i><i class="step fi-volume-strike size-72"></i>
3656
+ </div>
3657
+ <div class="preview-scale">
3658
+ <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>
3659
+ </div>
3660
+ <div class="usage">
3661
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-volume-strike" />
3662
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf210;" />
3663
+ </div>
3664
+ </div>
3665
+
3666
+ <div class="glyph">
3667
+ <div class="preview-glyphs">
3668
+ <i class="step fi-volume size-12"></i><i class="step fi-volume size-14"></i><i class="step fi-volume size-16"></i><i class="step fi-volume size-18"></i><i class="step fi-volume size-21"></i><i class="step fi-volume size-24"></i><i class="step fi-volume size-36"></i><i class="step fi-volume size-48"></i><i class="step fi-volume size-60"></i><i class="step fi-volume size-72"></i>
3669
+ </div>
3670
+ <div class="preview-scale">
3671
+ <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>
3672
+ </div>
3673
+ <div class="usage">
3674
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-volume" />
3675
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf211;" />
3676
+ </div>
3677
+ </div>
3678
+
3679
+ <div class="glyph">
3680
+ <div class="preview-glyphs">
3681
+ <i class="step fi-web size-12"></i><i class="step fi-web size-14"></i><i class="step fi-web size-16"></i><i class="step fi-web size-18"></i><i class="step fi-web size-21"></i><i class="step fi-web size-24"></i><i class="step fi-web size-36"></i><i class="step fi-web size-48"></i><i class="step fi-web size-60"></i><i class="step fi-web size-72"></i>
3682
+ </div>
3683
+ <div class="preview-scale">
3684
+ <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>
3685
+ </div>
3686
+ <div class="usage">
3687
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-web" />
3688
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf212;" />
3689
+ </div>
3690
+ </div>
3691
+
3692
+ <div class="glyph">
3693
+ <div class="preview-glyphs">
3694
+ <i class="step fi-wheelchair size-12"></i><i class="step fi-wheelchair size-14"></i><i class="step fi-wheelchair size-16"></i><i class="step fi-wheelchair size-18"></i><i class="step fi-wheelchair size-21"></i><i class="step fi-wheelchair size-24"></i><i class="step fi-wheelchair size-36"></i><i class="step fi-wheelchair size-48"></i><i class="step fi-wheelchair size-60"></i><i class="step fi-wheelchair size-72"></i>
3695
+ </div>
3696
+ <div class="preview-scale">
3697
+ <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>
3698
+ </div>
3699
+ <div class="usage">
3700
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-wheelchair" />
3701
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf213;" />
3702
+ </div>
3703
+ </div>
3704
+
3705
+ <div class="glyph">
3706
+ <div class="preview-glyphs">
3707
+ <i class="step fi-widget size-12"></i><i class="step fi-widget size-14"></i><i class="step fi-widget size-16"></i><i class="step fi-widget size-18"></i><i class="step fi-widget size-21"></i><i class="step fi-widget size-24"></i><i class="step fi-widget size-36"></i><i class="step fi-widget size-48"></i><i class="step fi-widget size-60"></i><i class="step fi-widget size-72"></i>
3708
+ </div>
3709
+ <div class="preview-scale">
3710
+ <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>
3711
+ </div>
3712
+ <div class="usage">
3713
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-widget" />
3714
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf214;" />
3715
+ </div>
3716
+ </div>
3717
+
3718
+ <div class="glyph">
3719
+ <div class="preview-glyphs">
3720
+ <i class="step fi-wrench size-12"></i><i class="step fi-wrench size-14"></i><i class="step fi-wrench size-16"></i><i class="step fi-wrench size-18"></i><i class="step fi-wrench size-21"></i><i class="step fi-wrench size-24"></i><i class="step fi-wrench size-36"></i><i class="step fi-wrench size-48"></i><i class="step fi-wrench size-60"></i><i class="step fi-wrench size-72"></i>
3721
+ </div>
3722
+ <div class="preview-scale">
3723
+ <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>
3724
+ </div>
3725
+ <div class="usage">
3726
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-wrench" />
3727
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf215;" />
3728
+ </div>
3729
+ </div>
3730
+
3731
+ <div class="glyph">
3732
+ <div class="preview-glyphs">
3733
+ <i class="step fi-x-circle size-12"></i><i class="step fi-x-circle size-14"></i><i class="step fi-x-circle size-16"></i><i class="step fi-x-circle size-18"></i><i class="step fi-x-circle size-21"></i><i class="step fi-x-circle size-24"></i><i class="step fi-x-circle size-36"></i><i class="step fi-x-circle size-48"></i><i class="step fi-x-circle size-60"></i><i class="step fi-x-circle size-72"></i>
3734
+ </div>
3735
+ <div class="preview-scale">
3736
+ <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>
3737
+ </div>
3738
+ <div class="usage">
3739
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-x-circle" />
3740
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf216;" />
3741
+ </div>
3742
+ </div>
3743
+
3744
+ <div class="glyph">
3745
+ <div class="preview-glyphs">
3746
+ <i class="step fi-x size-12"></i><i class="step fi-x size-14"></i><i class="step fi-x size-16"></i><i class="step fi-x size-18"></i><i class="step fi-x size-21"></i><i class="step fi-x size-24"></i><i class="step fi-x size-36"></i><i class="step fi-x size-48"></i><i class="step fi-x size-60"></i><i class="step fi-x size-72"></i>
3747
+ </div>
3748
+ <div class="preview-scale">
3749
+ <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>
3750
+ </div>
3751
+ <div class="usage">
3752
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-x" />
3753
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf217;" />
3754
+ </div>
3755
+ </div>
3756
+
3757
+ <div class="glyph">
3758
+ <div class="preview-glyphs">
3759
+ <i class="step fi-yen size-12"></i><i class="step fi-yen size-14"></i><i class="step fi-yen size-16"></i><i class="step fi-yen size-18"></i><i class="step fi-yen size-21"></i><i class="step fi-yen size-24"></i><i class="step fi-yen size-36"></i><i class="step fi-yen size-48"></i><i class="step fi-yen size-60"></i><i class="step fi-yen size-72"></i>
3760
+ </div>
3761
+ <div class="preview-scale">
3762
+ <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>
3763
+ </div>
3764
+ <div class="usage">
3765
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-yen" />
3766
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf218;" />
3767
+ </div>
3768
+ </div>
3769
+
3770
+ <div class="glyph">
3771
+ <div class="preview-glyphs">
3772
+ <i class="step fi-zoom-in size-12"></i><i class="step fi-zoom-in size-14"></i><i class="step fi-zoom-in size-16"></i><i class="step fi-zoom-in size-18"></i><i class="step fi-zoom-in size-21"></i><i class="step fi-zoom-in size-24"></i><i class="step fi-zoom-in size-36"></i><i class="step fi-zoom-in size-48"></i><i class="step fi-zoom-in size-60"></i><i class="step fi-zoom-in size-72"></i>
3773
+ </div>
3774
+ <div class="preview-scale">
3775
+ <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>
3776
+ </div>
3777
+ <div class="usage">
3778
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-zoom-in" />
3779
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf219;" />
3780
+ </div>
3781
+ </div>
3782
+
3783
+ <div class="glyph">
3784
+ <div class="preview-glyphs">
3785
+ <i class="step fi-zoom-out size-12"></i><i class="step fi-zoom-out size-14"></i><i class="step fi-zoom-out size-16"></i><i class="step fi-zoom-out size-18"></i><i class="step fi-zoom-out size-21"></i><i class="step fi-zoom-out size-24"></i><i class="step fi-zoom-out size-36"></i><i class="step fi-zoom-out size-48"></i><i class="step fi-zoom-out size-60"></i><i class="step fi-zoom-out size-72"></i>
3786
+ </div>
3787
+ <div class="preview-scale">
3788
+ <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>
3789
+ </div>
3790
+ <div class="usage">
3791
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fi-zoom-out" />
3792
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21a;" />
3793
+ </div>
3794
+ </div>
3795
+
3796
+ </div>
3797
+ </body>
3798
+ </html>