Posted By

paulprins on 04/21/13


Tagged

css unicode utf-8 symbolset symbolicons


Versions (?)

Symbolset Block with unicode values instead of UTF-8 chars


 / Published in: CSS
 

URL: http://symbolset.com/icons/symbolicons-block

When I got the font from SymbolSet I was really excited to drop it into my interface but found many of the classes did not work. It looked like an encoding issue (since using the in line versions worked). Upon replacing all 400+ UTF-8 characters with their unicode values ever single one of the characters worked with their classes!

It's a great font - you should get it if you haven't already. For those of you wishing the included css file worked better in your web-app feel free to lift the code below.

  1. /*
  2. * Symbolset
  3. * www.symbolset.com
  4. * Copyright �© 2012 Oak Studios LLC
  5. *
  6. * Upload this file to your web server
  7. * and place this within your <head> tags.
  8. * <link href="webfonts/ss-symbolicons-block.css" rel="stylesheet" />
  9. */
  10.  
  11. @font-face {
  12. font-family: "SSSymbolicons";
  13. src: url('path-to/symbolicons-block.eot');
  14. src: url('path-to/symbolicons-block.eot?#iefix') format('embedded-opentype'),
  15. url('path-to/symbolicons-block.woff') format('woff'),
  16. url('path-to/symbolicons-block.ttf') format('truetype'),
  17. url('path-to/symbolicons-block.svg#SSSymboliconsBlock') format('svg');
  18. font-weight: normal;
  19. font-style: normal;
  20. }
  21.  
  22. /* This triggers a redraw in IE to Fix IE8's :before content rendering. */
  23. html:hover [class^="ss-"]{-ms-zoom: 1;}
  24.  
  25. .ss-icon, .ss-icon.ss-symbolicons-block,
  26. [class^="ss-"]:before, [class*=" ss-"]:before,
  27. [class^="ss-"].ss-symbolicons-block:before, [class*=" ss-"].ss-symbolicons-block:before,
  28. [class^="ss-"].right:after, [class*=" ss-"].right:after,
  29. [class^="ss-"].ss-symbolicons-block.right:after, [class*=" ss-"].ss-symbolicons-block.right:after {
  30. font-family: "SSSymbolicons";
  31. font-style: normal;
  32. font-weight: normal;
  33. text-decoration: none;
  34. text-rendering: optimizeLegibility;
  35. white-space: nowrap;
  36. -webkit-font-feature-settings: "liga"; /*Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  37. -moz-font-feature-settings: "liga=1";
  38. -moz-font-feature-settings: "liga";
  39. -ms-font-feature-settings: "liga" 1;
  40. -o-font-feature-settings: "liga";
  41. font-feature-settings: "liga";
  42. -webkit-font-smoothing: antialiased;
  43. }
  44.  
  45. [class^="ss-"].right:before,
  46. [class*=" ss-"].right:before{display:none;content:'';}
  47. .ss-crosshair:before,.ss-crosshair.right:after{content:'\2316'}
  48. .ss-search:before,.ss-search.right:after{content:'\1F50D'}
  49. .ss-zoomin:before,.ss-zoomin.right:after{content:'\e002'}
  50. .ss-zoomout:before,.ss-zoomout.right:after{content:'\e003'}
  51. .ss-binoculars:before,.ss-binoculars.right:after{content:'\e010'}
  52. .ss-raisedhand:before,.ss-raisedhand.right:after{content:'\270B'}
  53. .ss-link:before,.ss-link.right:after{content:'\1F517'}
  54. .ss-write:before,.ss-write.right:after{content:'\270E'}
  55. .ss-compose:before,.ss-compose.right:after{content:'\1F4DD'}
  56. .ss-lock:before,.ss-lock.right:after{content:'\1F512'}
  57. .ss-unlock:before,.ss-unlock.right:after{content:'\1F513'}
  58. .ss-key:before,.ss-key.right:after{content:'\1F511'}
  59. .ss-backspace:before,.ss-backspace.right:after{content:'\232B'}
  60. .ss-ban:before,.ss-ban.right:after{content:'\1F6AB'}
  61. .ss-nosmoking:before,.ss-nosmoking.right:after{content:'\1F6AD'}
  62. .ss-trash:before,.ss-trash.right:after{content:'\E0D0'}
  63. .ss-target:before,.ss-target.right:after{content:'\25CE'}
  64. .ss-stopsign:before,.ss-stopsign.right:after{content:'\E0D1'}
  65. .ss-radioactive:before,.ss-radioactive.right:after{content:'\2622'}
  66. .ss-skull:before,.ss-skull.right:after{content:'\1F480'}
  67. .ss-lightning:before,.ss-lightning.right:after{content:'\2607'}
  68. .ss-tag:before,.ss-tag.right:after{content:'\E100'}
  69. .ss-newtag:before,.ss-newtag.right:after{content:'\E101'}
  70. .ss-flag:before,.ss-flag.right:after{content:'\2691'}
  71. .ss-like:before,.ss-like.right:after{content:'\1F44D'}
  72. .ss-dislike:before,.ss-dislike.right:after{content:'\1F44E'}
  73. .ss-heart:before,.ss-heart.right:after{content:'\2665'}
  74. .ss-addheart:before,.ss-addheart.right:after{content:'\E1A2'}
  75. .ss-deleteheart:before,.ss-deleteheart.right:after{content:'\1F494'}
  76. .ss-star:before,.ss-star.right:after{content:'\22C6'}
  77. .ss-trophy:before,.ss-trophy.right:after{content:'\1F3C6'}
  78. .ss-award:before,.ss-award.right:after{content:'\E1C0'}
  79. .ss-medal:before,.ss-medal.right:after{content:'\E1C1'}
  80. .ss-badge:before,.ss-badge.right:after{content:'\1F4DB'}
  81. .ss-crown:before,.ss-crown.right:after{content:'\1F451'}
  82. .ss-bullseye:before,.ss-bullseye.right:after{content:'\1F3AF'}
  83. .ss-sample:before,.ss-sample.right:after{content:'\E200'}
  84. .ss-crop:before,.ss-crop.right:after{content:'\E201'}
  85. .ss-layers:before,.ss-layers.right:after{content:'\E202'}
  86. .ss-magicwand:before,.ss-magicwand.right:after{content:'\E203'}
  87. .ss-cut:before,.ss-cut.right:after{content:'\2702'}
  88. .ss-cutpaste:before,.ss-cutpaste.right:after{content:'\E204'}
  89. .ss-clipboard:before,.ss-clipboard.right:after{content:'\1F4CB'}
  90. .ss-rules:before,.ss-rules.right:after{content:'\1F4CF'}
  91. .ss-rulerpencil:before,.ss-rulerpencil.right:after{content:'\E205'}
  92. .ss-gridlines:before,.ss-gridlines.right:after{content:'\E206'}
  93. .ss-pen:before,.ss-pen.right:after{content:'\2712'}
  94. .ss-pencilbrush:before,.ss-pencilbrush.right:after{content:'\E222'}
  95. .ss-pencilbrushpen:before,.ss-pencilbrushpen.right:after{content:'\E223'}
  96. .ss-brush:before,.ss-brush.right:after{content:'\E224'}
  97. .ss-paintroller:before,.ss-paintroller.right:after{content:'\E225'}
  98. .ss-fill:before,.ss-fill.right:after{content:'\E240'}
  99. .ss-stroke:before,.ss-stroke.right:after{content:'\E241'}
  100. .ss-crayons:before,.ss-crayons.right:after{content:'\E242'}
  101. .ss-palette:before,.ss-palette.right:after{content:'\1F3A8'}
  102. .ss-fliphorizontally:before,.ss-fliphorizontally.right:after{content:'\E260'}
  103. .ss-flipvertically:before,.ss-flipvertically.right:after{content:'\E261'}
  104. .ss-effects:before,.ss-effects.right:after{content:'\E280'}
  105. .ss-bezier:before,.ss-bezier.right:after{content:'\E2A0'}
  106. .ss-pixels:before,.ss-pixels.right:after{content:'\E2A1'}
  107. .ss-phone:before,.ss-phone.right:after{content:'\1F4DE'}
  108. .ss-rotaryphone:before,.ss-rotaryphone.right:after{content:'\260E'}
  109. .ss-touchtonephone:before,.ss-touchtonephone.right:after{content:'\260F'}
  110. .ss-phonebook:before,.ss-phonebook.right:after{content:'\E301'}
  111. .ss-voicemail:before,.ss-voicemail.right:after{content:'\2315'}
  112. .ss-megaphone:before,.ss-megaphone.right:after{content:'\1F4E2'}
  113. .ss-rss:before,.ss-rss.right:after{content:'\E310'}
  114. .ss-podcast:before,.ss-podcast.right:after{content:'\E311'}
  115. .ss-mailbox:before,.ss-mailbox.right:after{content:'\1F4EB'}
  116. .ss-send:before,.ss-send.right:after{content:'\E350'}
  117. .ss-mail:before,.ss-mail.right:after{content:'\2709'}
  118. .ss-incomingmail:before,.ss-incomingmail.right:after{content:'\1F4E9'}
  119. .ss-inbox:before,.ss-inbox.right:after{content:'\1F4E5'}
  120. .ss-outbox:before,.ss-outbox.right:after{content:'\1F4E4'}
  121. .ss-stamp:before,.ss-stamp.right:after{content:'\E351'}
  122. .ss-chat:before,.ss-chat.right:after{content:'\1F4AC'}
  123. .ss-chats:before,.ss-chats.right:after{content:'\E390'}
  124. .ss-textchat:before,.ss-textchat.right:after{content:'\E396'}
  125. .ss-exclamationchat:before,.ss-exclamationchat.right:after{content:'\E397'}
  126. .ss-questionchat:before,.ss-questionchat.right:after{content:'\E398'}
  127. .ss-ellipsischat:before,.ss-ellipsischat.right:after{content:'\E399'}
  128. .ss-smile:before,.ss-smile.right:after{content:'\263B'}
  129. .ss-frown:before,.ss-frown.right:after{content:'\2639'}
  130. .ss-toothsmile:before,.ss-toothsmile.right:after{content:'\1F603'}
  131. .ss-toothlesssmile:before,.ss-toothlesssmile.right:after{content:'\1F600'}
  132. .ss-user:before,.ss-user.right:after{content:'\1F464'}
  133. .ss-users:before,.ss-users.right:after{content:'\1F465'}
  134. .ss-adduser:before,.ss-adduser.right:after{content:'\E401'}
  135. .ss-removeuser:before,.ss-removeuser.right:after{content:'\E402'}
  136. .ss-deleteuser:before,.ss-deleteuser.right:after{content:'\E404'}
  137. .ss-heartuser:before,.ss-heartuser.right:after{content:'\E405'}
  138. .ss-males:before,.ss-males.right:after{content:'\1F46C'}
  139. .ss-females:before,.ss-females.right:after{content:'\1F46D'}
  140. .ss-malefemale:before,.ss-malefemale.right:after{content:'\1F46B'}
  141. .ss-userportrait:before,.ss-userportrait.right:after{content:'\E420'}
  142. .ss-userframe:before,.ss-userframe.right:after{content:'\E421'}
  143. .ss-usersframe:before,.ss-usersframe.right:after{content:'\E422'}
  144. .ss-baby:before,.ss-baby.right:after{content:'\1F476'}
  145. .ss-swaddledbaby:before,.ss-swaddledbaby.right:after{content:'\E430'}
  146. .ss-robot:before,.ss-robot.right:after{content:'\E440'}
  147. .ss-happyrobot:before,.ss-happyrobot.right:after{content:'\E441'}
  148. .ss-alien:before,.ss-alien.right:after{content:'\1F47D'}
  149. .ss-ghost:before,.ss-ghost.right:after{content:'\1F47B'}
  150. .ss-contacts:before,.ss-contacts.right:after{content:'\1F4C7'}
  151. .ss-addressbook:before,.ss-addressbook.right:after{content:'\1F4D1'}
  152. .ss-footsteps:before,.ss-footsteps.right:after{content:'\1F463'}
  153. .ss-cart:before,.ss-cart.right:after{content:'\E500'}
  154. .ss-shoppingbag:before,.ss-shoppingbag.right:after{content:'\E520'}
  155. .ss-gift:before,.ss-gift.right:after{content:'\1F381'}
  156. .ss-store:before,.ss-store.right:after{content:'\1F3EA'}
  157. .ss-safe:before,.ss-safe.right:after{content:'\E540'}
  158. .ss-bill:before,.ss-bill.right:after{content:'\E550'}
  159. .ss-creditcard:before,.ss-creditcard.right:after{content:'\1F4B3'}
  160. .ss-banknote:before,.ss-banknote.right:after{content:'\1F4B5'}
  161. .ss-moneybag:before,.ss-moneybag.right:after{content:'\1F4B0'}
  162. .ss-calculator:before,.ss-calculator.right:after{content:'\E551'}
  163. .ss-bank:before,.ss-bank.right:after{content:'\1F3E6'}
  164. .ss-gavel:before,.ss-gavel.right:after{content:'\1F528'}
  165. .ss-meeting:before,.ss-meeting.right:after{content:'\E581'}
  166. .ss-barchart:before,.ss-barchart.right:after{content:'\1F4CA'}
  167. .ss-piechart:before,.ss-piechart.right:after{content:'\E570'}
  168. .ss-activity:before,.ss-activity.right:after{content:'\1F4C8'}
  169. .ss-flowchart:before,.ss-flowchart.right:after{content:'\E577'}
  170. .ss-box:before,.ss-box.right:after{content:'\1F4E6'}
  171. .ss-crate:before,.ss-crate.right:after{content:'\E5D8'}
  172. .ss-home:before,.ss-home.right:after{content:'\2302'}
  173. .ss-fence:before,.ss-fence.right:after{content:'\E601'}
  174. .ss-buildings:before,.ss-buildings.right:after{content:'\1F3E2'}
  175. .ss-bridge:before,.ss-bridge.right:after{content:'\E603'}
  176. .ss-barn:before,.ss-barn.right:after{content:'\E604'}
  177. .ss-lodging:before,.ss-lodging.right:after{content:'\1F3E8'}
  178. .ss-earth:before,.ss-earth.right:after{content:'\1F30E'}
  179. .ss-globe:before,.ss-globe.right:after{content:'\1F310'}
  180. .ss-compass:before,.ss-compass.right:after{content:'\E671'}
  181. .ss-signpost:before,.ss-signpost.right:after{content:'\E672'}
  182. .ss-map:before,.ss-map.right:after{content:'\E673'}
  183. .ss-location:before,.ss-location.right:after{content:'\E6D0'}
  184. .ss-pushpin:before,.ss-pushpin.right:after{content:'\1F4CC'}
  185. .ss-script:before,.ss-script.right:after{content:'\E700'}
  186. .ss-playscript:before,.ss-playscript.right:after{content:'\E701'}
  187. .ss-stopscript:before,.ss-stopscript.right:after{content:'\E702'}
  188. .ss-recordscript:before,.ss-recordscript.right:after{content:'\E703'}
  189. .ss-bug:before,.ss-bug.right:after{content:'\1F41B'}
  190. .ss-puzzle:before,.ss-puzzle.right:after{content:'\E710'}
  191. .ss-window:before,.ss-window.right:after{content:'\E714'}
  192. .ss-database:before,.ss-database.right:after{content:'\E7A0'}
  193. .ss-adddatabase:before,.ss-adddatabase.right:after{content:'\E7A2'}
  194. .ss-deletedatabase:before,.ss-deletedatabase.right:after{content:'\E7A5'}
  195. .ss-hdd:before,.ss-hdd.right:after{content:'\E7B0'}
  196. .ss-networkhdd:before,.ss-networkhdd.right:after{content:'\E7B6'}
  197. .ss-downloadhdd:before,.ss-downloadhdd.right:after{content:'\E7B7'}
  198. .ss-airplay:before,.ss-airplay.right:after{content:'\E800'}
  199. .ss-music:before,.ss-music.right:after{content:'\266B'}
  200. .ss-mic:before,.ss-mic.right:after{content:'\1F3A4'}
  201. .ss-headphones:before,.ss-headphones.right:after{content:'\1F3A7'}
  202. .ss-volume:before,.ss-volume.right:after{content:'\1F508'}
  203. .ss-radio:before,.ss-radio.right:after{content:'\1F4FB'}
  204. .ss-phonograph:before,.ss-phonograph.right:after{content:'\E802'}
  205. .ss-disc:before,.ss-disc.right:after{content:'\1F4BF'}
  206. .ss-discs:before,.ss-discs.right:after{content:'\E811'}
  207. .ss-playlist:before,.ss-playlist.right:after{content:'\E820'}
  208. .ss-musichome:before,.ss-musichome.right:after{content:'\E821'}
  209. .ss-itunes:before,.ss-itunes.right:after{content:'\E822'}
  210. .ss-camera:before,.ss-camera.right:after{content:'\1F4F7'}
  211. .ss-picture:before,.ss-picture.right:after{content:'\1F304'}
  212. .ss-pictures:before,.ss-pictures.right:after{content:'\E851'}
  213. .ss-searchpicture:before,.ss-searchpicture.right:after{content:'\E856'}
  214. .ss-video:before,.ss-video.right:after{content:'\1F4F9'}
  215. .ss-clapboard:before,.ss-clapboard.right:after{content:'\1F3AC'}
  216. .ss-film:before,.ss-film.right:after{content:'\E8B0'}
  217. .ss-playfilm:before,.ss-playfilm.right:after{content:'\E8B1'}
  218. .ss-tv:before,.ss-tv.right:after{content:'\1F4FA'}
  219. .ss-flatscreen:before,.ss-flatscreen.right:after{content:'\E8C0'}
  220. .ss-projector:before,.ss-projector.right:after{content:'\E8C1'}
  221. .ss-videogame:before,.ss-videogame.right:after{content:'\1F3AE'}
  222. .ss-play:before,.ss-play.right:after{content:'\25B6'}
  223. .ss-pause:before,.ss-pause.right:after{content:'\E8A0'}
  224. .ss-stop:before,.ss-stop.right:after{content:'\25A0'}
  225. .ss-record:before,.ss-record.right:after{content:'\25CF'}
  226. .ss-rewind:before,.ss-rewind.right:after{content:'\23EA'}
  227. .ss-fastforward:before,.ss-fastforward.right:after{content:'\23E9'}
  228. .ss-skipback:before,.ss-skipback.right:after{content:'\23EE'}
  229. .ss-skipforward:before,.ss-skipforward.right:after{content:'\23ED'}
  230. .ss-eject:before,.ss-eject.right:after{content:'\23CF'}
  231. .ss-shuffle:before,.ss-shuffle.right:after{content:'\1F500'}
  232. .ss-filecabinet:before,.ss-filecabinet.right:after{content:'\E900'}
  233. .ss-storagebox:before,.ss-storagebox.right:after{content:'\E901'}
  234. .ss-books:before,.ss-books.right:after{content:'\1F4DA'}
  235. .ss-bookspencil:before,.ss-bookspencil.right:after{content:'\E960'}
  236. .ss-openbook:before,.ss-openbook.right:after{content:'\1F4D6'}
  237. .ss-bookinsert:before,.ss-bookinsert.right:after{content:'\E961'}
  238. .ss-notebook:before,.ss-notebook.right:after{content:'\1F4D3'}
  239. .ss-ledger:before,.ss-ledger.right:after{content:'\1F4D2'}
  240. .ss-album:before,.ss-album.right:after{content:'\E970'}
  241. .ss-newspaper:before,.ss-newspaper.right:after{content:'\1F4F0'}
  242. .ss-spiralbound:before,.ss-spiralbound.right:after{content:'\E971'}
  243. .ss-notepad:before,.ss-notepad.right:after{content:'\E972'}
  244. .ss-notice:before,.ss-notice.right:after{content:'\E973'}
  245. .ss-grid:before,.ss-grid.right:after{content:'\E9A0'}
  246. .ss-thumbnails:before,.ss-thumbnails.right:after{content:'\E9A3'}
  247. .ss-filter:before,.ss-filter.right:after{content:'\E9B0'}
  248. .ss-desktop:before,.ss-desktop.right:after{content:'\1F4BB'}
  249. .ss-laptop:before,.ss-laptop.right:after{content:'\EA00'}
  250. .ss-tablet:before,.ss-tablet.right:after{content:'\EA01'}
  251. .ss-cell:before,.ss-cell.right:after{content:'\1F4F1'}
  252. .ss-cellbars:before,.ss-cellbars.right:after{content:'\1F4F6'}
  253. .ss-battery:before,.ss-battery.right:after{content:'\1F50B'}
  254. .ss-mediumbattery:before,.ss-mediumbattery.right:after{content:'\EA11'}
  255. .ss-emptybattery:before,.ss-emptybattery.right:after{content:'\EA13'}
  256. .ss-chargingbattery:before,.ss-chargingbattery.right:after{content:'\EA14'}
  257. .ss-screwdrivermobile:before,.ss-screwdrivermobile.right:after{content:'\EA20'}
  258. .ss-brushmobile:before,.ss-brushmobile.right:after{content:'\EA21'}
  259. .ss-pencilmobile:before,.ss-pencilmobile.right:after{content:'\EA22'}
  260. .ss-door:before,.ss-door.right:after{content:'\1F6AA'}
  261. .ss-washer:before,.ss-washer.right:after{content:'\EA80'}
  262. .ss-dryer:before,.ss-dryer.right:after{content:'\EA81'}
  263. .ss-fireplace:before,.ss-fireplace.right:after{content:'\EA82'}
  264. .ss-toilet:before,.ss-toilet.right:after{content:'\1F6BD'}
  265. .ss-toiletpaper:before,.ss-toiletpaper.right:after{content:'\EA84'}
  266. .ss-lightbulb:before,.ss-lightbulb.right:after{content:'\1F4A1'}
  267. .ss-cfl:before,.ss-cfl.right:after{content:'\EA85'}
  268. .ss-flashlight:before,.ss-flashlight.right:after{content:'\1F526'}
  269. .ss-candle:before,.ss-candle.right:after{content:'\EAB0'}
  270. .ss-campfire:before,.ss-campfire.right:after{content:'\1F525'}
  271. .ss-picnictable:before,.ss-picnictable.right:after{content:'\EAB1'}
  272. .ss-frame:before,.ss-frame.right:after{content:'\EA90'}
  273. .ss-heartframe:before,.ss-heartframe.right:after{content:'\1F49F'}
  274. .ss-starframe:before,.ss-starframe.right:after{content:'\EA91'}
  275. .ss-treeframe:before,.ss-treeframe.right:after{content:'\EA92'}
  276. .ss-flowerframe:before,.ss-flowerframe.right:after{content:'\EA93'}
  277. .ss-questionframe:before,.ss-questionframe.right:after{content:'\EA94'}
  278. .ss-utensilsframe:before,.ss-utensilsframe.right:after{content:'\EA95'}
  279. .ss-atom:before,.ss-atom.right:after{content:'\269B'}
  280. .ss-fluxcapacitor:before,.ss-fluxcapacitor.right:after{content:'\EAD0'}
  281. .ss-rings:before,.ss-rings.right:after{content:'\1F48D'}
  282. .ss-balloons:before,.ss-balloons.right:after{content:'\1F388'}
  283. .ss-easteregg:before,.ss-easteregg.right:after{content:'\EAE0'}
  284. .ss-jackolantern:before,.ss-jackolantern.right:after{content:'\1F383'}
  285. .ss-menorah:before,.ss-menorah.right:after{content:'\EAE1'}
  286. .ss-christmastree:before,.ss-christmastree.right:after{content:'\1F384'}
  287. .ss-teddy:before,.ss-teddy.right:after{content:'\EAA0'}
  288. .ss-blocks:before,.ss-blocks.right:after{content:'\EAA1'}
  289. .ss-rattle:before,.ss-rattle.right:after{content:'\EAA2'}
  290. .ss-diaper:before,.ss-diaper.right:after{content:'\EAA3'}
  291. .ss-pailshovel:before,.ss-pailshovel.right:after{content:'\EAA4'}
  292. .ss-sweep:before,.ss-sweep.right:after{content:'\EA86'}
  293. .ss-headstone:before,.ss-headstone.right:after{content:'\26FC'}
  294. .ss-onedie:before,.ss-onedie.right:after{content:'\2680'}
  295. .ss-twodie:before,.ss-twodie.right:after{content:'\2681'}
  296. .ss-threedie:before,.ss-threedie.right:after{content:'\2682'}
  297. .ss-fourdie:before,.ss-fourdie.right:after{content:'\2683'}
  298. .ss-fivedie:before,.ss-fivedie.right:after{content:'\2684'}
  299. .ss-sixdie:before,.ss-sixdie.right:after{content:'\2685'}
  300. .ss-fuzzydice:before,.ss-fuzzydice.right:after{content:'\EA87'}
  301. .ss-download:before,.ss-download.right:after{content:'\EB00'}
  302. .ss-downloadbox:before,.ss-downloadbox.right:after{content:'\EB02'}
  303. .ss-downloadcrate:before,.ss-downloadcrate.right:after{content:'\EB03'}
  304. .ss-upload:before,.ss-upload.right:after{content:'\EB40'}
  305. .ss-uploadbox:before,.ss-uploadbox.right:after{content:'\EB42'}
  306. .ss-uploadcrate:before,.ss-uploadcrate.right:after{content:'\EB43'}
  307. .ss-transfer:before,.ss-transfer.right:after{content:'\21C6'}
  308. .ss-refresh:before,.ss-refresh.right:after{content:'\21BB'}
  309. .ss-sync:before,.ss-sync.right:after{content:'\EB82'}
  310. .ss-wifi:before,.ss-wifi.right:after{content:'\EB84'}
  311. .ss-connection:before,.ss-connection.right:after{content:'\EB85'}
  312. .ss-usb:before,.ss-usb.right:after{content:'\EB86'}
  313. .ss-files:before,.ss-files.right:after{content:'\EC00'}
  314. .ss-addfile:before,.ss-addfile.right:after{content:'\EC01'}
  315. .ss-removefile:before,.ss-removefile.right:after{content:'\EC02'}
  316. .ss-deletefile:before,.ss-deletefile.right:after{content:'\EC04'}
  317. .ss-searchfile:before,.ss-searchfile.right:after{content:'\EC05'}
  318. .ss-folder:before,.ss-folder.right:after{content:'\1F4C1'}
  319. .ss-addfolder:before,.ss-addfolder.right:after{content:'\EC71'}
  320. .ss-removefolder:before,.ss-removefolder.right:after{content:'\EC72'}
  321. .ss-deletefolder:before,.ss-deletefolder.right:after{content:'\EC74'}
  322. .ss-downloadfolder:before,.ss-downloadfolder.right:after{content:'\EC76'}
  323. .ss-uploadfolder:before,.ss-uploadfolder.right:after{content:'\EC77'}
  324. .ss-undo:before,.ss-undo.right:after{content:'\21A9'}
  325. .ss-redo:before,.ss-redo.right:after{content:'\21AA'}
  326. .ss-quote:before,.ss-quote.right:after{content:'\201C'}
  327. .ss-font:before,.ss-font.right:after{content:'\ED01'}
  328. .ss-anchor:before,.ss-anchor.right:after{content:'\ED10'}
  329. .ss-print:before,.ss-print.right:after{content:'\2399'}
  330. .ss-fax:before,.ss-fax.right:after{content:'\1F4E0'}
  331. .ss-shredder:before,.ss-shredder.right:after{content:'\ED40'}
  332. .ss-typewriter:before,.ss-typewriter.right:after{content:'\ED41'}
  333. .ss-list:before,.ss-list.right:after{content:'\ED50'}
  334. .ss-action:before,.ss-action.right:after{content:'\EE00'}
  335. .ss-redirect:before,.ss-redirect.right:after{content:'\2197'}
  336. .ss-expand:before,.ss-expand.right:after{content:'\2922'}
  337. .ss-contract:before,.ss-contract.right:after{content:'\EE01'}
  338. .ss-scaleup:before,.ss-scaleup.right:after{content:'\EE04'}
  339. .ss-scaledown:before,.ss-scaledown.right:after{content:'\EE05'}
  340. .ss-power:before,.ss-power.right:after{content:'\EE10'}
  341. .ss-lifepreserver:before,.ss-lifepreserver.right:after{content:'\EE11'}
  342. .ss-help:before,.ss-help.right:after{content:'\2753'}
  343. .ss-info:before,.ss-info.right:after{content:'\2139'}
  344. .ss-alert:before,.ss-alert.right:after{content:'\26A0'}
  345. .ss-caution:before,.ss-caution.right:after{content:'\26D4'}
  346. .ss-plus:before,.ss-plus.right:after{content:'\002B'}
  347. .ss-hyphen:before,.ss-hyphen.right:after{content:'\002D'}
  348. .ss-check:before,.ss-check.right:after{content:'\2713'}
  349. .ss-delete:before,.ss-delete.right:after{content:'\2421'}
  350. .ss-dogface:before,.ss-dogface.right:after{content:'\1F436'}
  351. .ss-catface:before,.ss-catface.right:after{content:'\1F431'}
  352. .ss-bearface:before,.ss-bearface.right:after{content:'\1F43B'}
  353. .ss-bird:before,.ss-bird.right:after{content:'\1F426'}
  354. .ss-dog:before,.ss-dog.right:after{content:'\1F415'}
  355. .ss-sheep:before,.ss-sheep.right:after{content:'\1F411'}
  356. .ss-pig:before,.ss-pig.right:after{content:'\1F416'}
  357. .ss-bone:before,.ss-bone.right:after{content:'\EF60'}
  358. .ss-tooth:before,.ss-tooth.right:after{content:'\EF61'}
  359. .ss-palmtree:before,.ss-palmtree.right:after{content:'\1F334'}
  360. .ss-tree:before,.ss-tree.right:after{content:'\1F332'}
  361. .ss-leaf:before,.ss-leaf.right:after{content:'\1F342'}
  362. .ss-flower:before,.ss-flower.right:after{content:'\2698'}
  363. .ss-settings:before,.ss-settings.right:after{content:'\2699'}
  364. .ss-dashboard:before,.ss-dashboard.right:after{content:'\F000'}
  365. .ss-notifications:before,.ss-notifications.right:after{content:'\1F514'}
  366. .ss-toggles:before,.ss-toggles.right:after{content:'\F001'}
  367. .ss-switch:before,.ss-switch.right:after{content:'\F002'}
  368. .ss-switchoff:before,.ss-switchoff.right:after{content:'\F003'}
  369. .ss-brightness:before,.ss-brightness.right:after{content:'\1F506'}
  370. .ss-flashoff:before,.ss-flashoff.right:after{content:'\F011'}
  371. .ss-toolbox:before,.ss-toolbox.right:after{content:'\F030'}
  372. .ss-tools:before,.ss-tools.right:after{content:'\F031'}
  373. .ss-wrench:before,.ss-wrench.right:after{content:'\F031'}
  374. .ss-wrenches:before,.ss-wrenches.right:after{content:'\F032'}
  375. .ss-wrenchpencil:before,.ss-wrenchpencil.right:after{content:'\F033'}
  376. .ss-screwdriverpencil:before,.ss-screwdriverpencil.right:after{content:'\F034'}
  377. .ss-hammerscrewdriver:before,.ss-hammerscrewdriver.right:after{content:'\F035'}
  378. .ss-tapemeasure:before,.ss-tapemeasure.right:after{content:'\F036'}
  379. .ss-hourglass:before,.ss-hourglass.right:after{content:'\23F3'}
  380. .ss-clock:before,.ss-clock.right:after{content:'\23F2'}
  381. .ss-stopwatch:before,.ss-stopwatch.right:after{content:'\23F1'}
  382. .ss-alarmclock:before,.ss-alarmclock.right:after{content:'\23F0'}
  383. .ss-calendar:before,.ss-calendar.right:after{content:'\1F4C5'}
  384. .ss-keyboardup:before,.ss-keyboardup.right:after{content:'\F0D0'}
  385. .ss-keyboarddown:before,.ss-keyboarddown.right:after{content:'\F0D1'}
  386. .ss-heavyasterisk:before,.ss-heavyasterisk.right:after{content:'\2731'}
  387. .ss-egg:before,.ss-egg.right:after{content:'\F100'}
  388. .ss-cheese:before,.ss-cheese.right:after{content:'\F101'}
  389. .ss-hotdog:before,.ss-hotdog.right:after{content:'\F102'}
  390. .ss-burger:before,.ss-burger.right:after{content:'\1F354'}
  391. .ss-birthdaycake:before,.ss-birthdaycake.right:after{content:'\1F382'}
  392. .ss-pancakes:before,.ss-pancakes.right:after{content:'\F113'}
  393. .ss-pizza:before,.ss-pizza.right:after{content:'\1F355'}
  394. .ss-frenchfries:before,.ss-frenchfries.right:after{content:'\1F35F'}
  395. .ss-apple:before,.ss-apple.right:after{content:'\1F34F'}
  396. .ss-mug:before,.ss-mug.right:after{content:'\2615'}
  397. .ss-coffee:before,.ss-coffee.right:after{content:'\F120'}
  398. .ss-growler:before,.ss-growler.right:after{content:'\F121'}
  399. .ss-beer:before,.ss-beer.right:after{content:'\1F37A'}
  400. .ss-bottle:before,.ss-bottle.right:after{content:'\F122'}
  401. .ss-wine:before,.ss-wine.right:after{content:'\F123'}
  402. .ss-wineglass:before,.ss-wineglass.right:after{content:'\1F377'}
  403. .ss-cocktail:before,.ss-cocktail.right:after{content:'\1F378'}
  404. .ss-soda:before,.ss-soda.right:after{content:'\F124'}
  405. .ss-cup:before,.ss-cup.right:after{content:'\F125'}
  406. .ss-babybottle:before,.ss-babybottle.right:after{content:'\1F37C'}
  407. .ss-jug:before,.ss-jug.right:after{content:'\F126'}
  408. .ss-oven:before,.ss-oven.right:after{content:'\F140'}
  409. .ss-takeout:before,.ss-takeout.right:after{content:'\F160'}
  410. .ss-paperbag:before,.ss-paperbag.right:after{content:'\F161'}
  411. .ss-utensils:before,.ss-utensils.right:after{content:'\1F374'}
  412. .ss-tshirt:before,.ss-tshirt.right:after{content:'\1F455'}
  413. .ss-graduationcap:before,.ss-graduationcap.right:after{content:'\1F393'}
  414. .ss-fabric:before,.ss-fabric.right:after{content:'\F1F0'}
  415. .ss-swatch:before,.ss-swatch.right:after{content:'\F1F1'}
  416. .ss-weave:before,.ss-weave.right:after{content:'\F1F2'}
  417. .ss-thread:before,.ss-thread.right:after{content:'\F1F3'}
  418. .ss-yarn:before,.ss-yarn.right:after{content:'\F1F4'}
  419. .ss-crochet:before,.ss-crochet.right:after{content:'\F1F5'}
  420. .ss-needles:before,.ss-needles.right:after{content:'\F1F6'}
  421. .ss-scissorsneedles:before,.ss-scissorsneedles.right:after{content:'\F1F7'}
  422. .ss-button:before,.ss-button.right:after{content:'\F1F8'}
  423. .ss-zipper:before,.ss-zipper.right:after{content:'\F1F9'}
  424. .ss-sun:before,.ss-sun.right:after{content:'\2600'}
  425. .ss-partlycloudy:before,.ss-partlycloudy.right:after{content:'\26C5'}
  426. .ss-rainbow:before,.ss-rainbow.right:after{content:'\1F308'}
  427. .ss-umbrella:before,.ss-umbrella.right:after{content:'\2602'}
  428. .ss-crescentmoon:before,.ss-crescentmoon.right:after{content:'\1F319'}
  429. .ss-newmoon:before,.ss-newmoon.right:after{content:'\1F311'}
  430. .ss-waxingcrescentmoon:before,.ss-waxingcrescentmoon.right:after{content:'\1F312'}
  431. .ss-firstquartermoon:before,.ss-firstquartermoon.right:after{content:'\1F313'}
  432. .ss-waxinggibbousmoon:before,.ss-waxinggibbousmoon.right:after{content:'\1F314'}
  433. .ss-fullmoon:before,.ss-fullmoon.right:after{content:'\1F315'}
  434. .ss-waninggibbousmoon:before,.ss-waninggibbousmoon.right:after{content:'\1F316'}
  435. .ss-lastquartermoon:before,.ss-lastquartermoon.right:after{content:'\1F317'}
  436. .ss-waningcrescentmoon:before,.ss-waningcrescentmoon.right:after{content:'\1F318'}
  437. .ss-car:before,.ss-car.right:after{content:'\1F698'}
  438. .ss-carrepair:before,.ss-carrepair.right:after{content:'\F300'}
  439. .ss-taxi:before,.ss-taxi.right:after{content:'\1F696'}
  440. .ss-train:before,.ss-train.right:after{content:'\1F686'}
  441. .ss-bus:before,.ss-bus.right:after{content:'\1F68D'}
  442. .ss-truck:before,.ss-truck.right:after{content:'\1F69A'}
  443. .ss-trailer:before,.ss-trailer.right:after{content:'\F301'}
  444. .ss-trailerdump:before,.ss-trailerdump.right:after{content:'\F302'}
  445. .ss-plane:before,.ss-plane.right:after{content:'\2708'}
  446. .ss-bike:before,.ss-bike.right:after{content:'\1F6B2'}
  447. .ss-motorcycle:before,.ss-motorcycle.right:after{content:'\F303'}
  448. .ss-boat:before,.ss-boat.right:after{content:'\1F6A2'}
  449. .ss-rocket:before,.ss-rocket.right:after{content:'\1F680'}
  450. .ss-ufo:before,.ss-ufo.right:after{content:'\F304'}
  451. .ss-squarekey:before,.ss-squarekey.right:after{content:'\F310'}
  452. .ss-tire:before,.ss-tire.right:after{content:'\F311'}
  453. .ss-fuel:before,.ss-fuel.right:after{content:'\26FD'}
  454. .ss-parking:before,.ss-parking.right:after{content:'\F312'}
  455. .ss-wheelchair:before,.ss-wheelchair.right:after{content:'\267F'}
  456. .ss-restroom:before,.ss-restroom.right:after{content:'\1F6BB'}
  457. .ss-elevator:before,.ss-elevator.right:after{content:'\F380'}
  458. .ss-briefcase:before,.ss-briefcase.right:after{content:'\1F4BC'}
  459. .ss-theatre:before,.ss-theatre.right:after{content:'\1F3AD'}
  460. .ss-ticket:before,.ss-ticket.right:after{content:'\1F3AB'}
  461. .ss-golf:before,.ss-golf.right:after{content:'\F400'}
  462. .ss-billiards:before,.ss-billiards.right:after{content:'\1F3B1'}
  463. .ss-baseball:before,.ss-baseball.right:after{content:'\26BE'}
  464. .ss-tennis:before,.ss-tennis.right:after{content:'\1F3BE'}
  465. .ss-basketball:before,.ss-basketball.right:after{content:'\1F3C0'}
  466. .ss-football:before,.ss-football.right:after{content:'\1F3C8'}
  467. .ss-soccer:before,.ss-soccer.right:after{content:'\26BD'}
  468. .ss-flaginhole:before,.ss-flaginhole.right:after{content:'\26F3'}
  469. .ss-paddles:before,.ss-paddles.right:after{content:'\F407'}
  470. .ss-skiboot:before,.ss-skiboot.right:after{content:'\F408'}
  471. .ss-skis:before,.ss-skis.right:after{content:'\1F3BF'}
  472. .ss-hiker:before,.ss-hiker.right:after{content:'\F410'}
  473. .ss-runner:before,.ss-runner.right:after{content:'\1F3C3'}
  474. .ss-hottub:before,.ss-hottub.right:after{content:'\F411'}
  475. .ss-exercise:before,.ss-exercise.right:after{content:'\F414'}
  476. .ss-hospital:before,.ss-hospital.right:after{content:'\26E8'}
  477. .ss-medicalcross:before,.ss-medicalcross.right:after{content:'\F4B0'}
  478. .ss-medicalbag:before,.ss-medicalbag.right:after{content:'\F4B1'}
  479. .ss-bandage:before,.ss-bandage.right:after{content:'\F4B2'}
  480. .ss-flask:before,.ss-flask.right:after{content:'\F4C0'}
  481. .ss-testtube:before,.ss-testtube.right:after{content:'\F4C1'}
  482. .ss-up:before,.ss-up.right:after{content:'\2B06'}
  483. .ss-right:before,.ss-right.right:after{content:'\27A1'}
  484. .ss-down:before,.ss-down.right:after{content:'\2B07'}
  485. .ss-left:before,.ss-left.right:after{content:'\2B05'}
  486. .ss-navigateup:before,.ss-navigateup.right:after{content:'\F500'}
  487. .ss-navigateright:before,.ss-navigateright.right:after{content:'\25BB'}
  488. .ss-navigatedown:before,.ss-navigatedown.right:after{content:'\F501'}
  489. .ss-navigateleft:before,.ss-navigateleft.right:after{content:'\25C5'}
  490. .ss-share:before,.ss-share.right:after{content:'\F601'}

Report this snippet  

You need to login to post a comment.