simple-line-icons.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. /* http://graphicburger.com/simple-line-icons-webfont/ */
  2. @font-face {
  3. font-family: 'Simple-Line-Icons';
  4. src: url("../fonts/Simple-Line-Icons.eot");
  5. src: url("../fonts/Simple-Line-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Simple-Line-Icons.woff") format("woff"), url("../fonts/Simple-Line-Icons.ttf") format("truetype"), url("../fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format("svg");
  6. font-weight: normal;
  7. font-style: normal; }
  8. .mg-wrapper {
  9. /* Use the following CSS code if you want to use data attributes for inserting your icons */
  10. /* Use the following CSS code if you want to have a class per icon */
  11. /*
  12. Instead of a list of all class selectors,
  13. you can use the generic selector below, but it's slower:
  14. [class*="icon-"] {
  15. */ }
  16. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  17. @font-face {
  18. .mg-wrapper {
  19. font-family: 'Simple-Line-Icons';
  20. src: url("fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format("svg"); } } }
  21. .mg-wrapper [data-icon]:before {
  22. font-family: 'Simple-Line-Icons' !important;
  23. content: attr(data-icon);
  24. speak: none;
  25. font-weight: normal;
  26. font-variant: normal;
  27. text-transform: none;
  28. line-height: 1;
  29. -webkit-font-smoothing: antialiased;
  30. -moz-osx-font-smoothing: grayscale; }
  31. .mg-wrapper .icon-user-female, .mg-wrapper .icon-user-follow, .mg-wrapper .icon-user-following, .mg-wrapper .icon-user-unfollow, .mg-wrapper .icon-trophy, .mg-wrapper .icon-screen-smartphone, .mg-wrapper .icon-screen-desktop, .mg-wrapper .icon-plane, .mg-wrapper .icon-notebook, .mg-wrapper .icon-moustache, .mg-wrapper .icon-mouse, .mg-wrapper .icon-magnet, .mg-wrapper .icon-energy, .mg-wrapper .icon-emoticon-smile, .mg-wrapper .icon-disc, .mg-wrapper .icon-cursor-move, .mg-wrapper .icon-crop, .mg-wrapper .icon-credit-card, .mg-wrapper .icon-chemistry, .mg-wrapper .icon-user, .mg-wrapper .icon-speedometer, .mg-wrapper .icon-social-youtube, .mg-wrapper .icon-social-twitter, .mg-wrapper .icon-social-tumblr, .mg-wrapper .icon-social-facebook, .mg-wrapper .icon-social-dropbox, .mg-wrapper .icon-social-dribbble, .mg-wrapper .icon-shield, .mg-wrapper .icon-screen-tablet, .mg-wrapper .icon-magic-wand, .mg-wrapper .icon-hourglass, .mg-wrapper .icon-graduation, .mg-wrapper .icon-ghost, .mg-wrapper .icon-game-controller, .mg-wrapper .icon-fire, .mg-wrapper .icon-eyeglasses, .mg-wrapper .icon-envelope-open, .mg-wrapper .icon-envelope-letter, .mg-wrapper .icon-bell, .mg-wrapper .icon-badge, .mg-wrapper .icon-anchor, .mg-wrapper .icon-wallet, .mg-wrapper .icon-vector, .mg-wrapper .icon-speech, .mg-wrapper .icon-puzzle, .mg-wrapper .icon-printer, .mg-wrapper .icon-present, .mg-wrapper .icon-playlist, .mg-wrapper .icon-pin, .mg-wrapper .icon-picture, .mg-wrapper .icon-map, .mg-wrapper .icon-layers, .mg-wrapper .icon-handbag, .mg-wrapper .icon-globe-alt, .mg-wrapper .icon-globe, .mg-wrapper .icon-frame, .mg-wrapper .icon-folder-alt, .mg-wrapper .icon-film, .mg-wrapper .icon-feed, .mg-wrapper .icon-earphones-alt, .mg-wrapper .icon-earphones, .mg-wrapper .icon-drop, .mg-wrapper .icon-drawer, .mg-wrapper .icon-docs, .mg-wrapper .icon-directions, .mg-wrapper .icon-direction, .mg-wrapper .icon-diamond, .mg-wrapper .icon-cup, .mg-wrapper .icon-compass, .mg-wrapper .icon-call-out, .mg-wrapper .icon-call-in, .mg-wrapper .icon-call-end, .mg-wrapper .icon-calculator, .mg-wrapper .icon-bubbles, .mg-wrapper .icon-briefcase, .mg-wrapper .icon-book-open, .mg-wrapper .icon-basket-loaded, .mg-wrapper .icon-basket, .mg-wrapper .icon-bag, .mg-wrapper .icon-action-undo, .mg-wrapper .icon-action-redo, .mg-wrapper .icon-wrench, .mg-wrapper .icon-umbrella, .mg-wrapper .icon-trash, .mg-wrapper .icon-tag, .mg-wrapper .icon-support, .mg-wrapper .icon-size-fullscreen, .mg-wrapper .icon-size-actual, .mg-wrapper .icon-shuffle, .mg-wrapper .icon-share-alt, .mg-wrapper .icon-share, .mg-wrapper .icon-rocket, .mg-wrapper .icon-question, .mg-wrapper .icon-pie-chart, .mg-wrapper .icon-pencil, .mg-wrapper .icon-note, .mg-wrapper .icon-music-tone-alt, .mg-wrapper .icon-music-tone, .mg-wrapper .icon-microphone, .mg-wrapper .icon-loop, .mg-wrapper .icon-logout, .mg-wrapper .icon-login, .mg-wrapper .icon-list, .mg-wrapper .icon-like, .mg-wrapper .icon-home, .mg-wrapper .icon-grid, .mg-wrapper .icon-graph, .mg-wrapper .icon-equalizer, .mg-wrapper .icon-dislike, .mg-wrapper .icon-cursor, .mg-wrapper .icon-control-start, .mg-wrapper .icon-control-rewind, .mg-wrapper .icon-control-play, .mg-wrapper .icon-control-pause, .mg-wrapper .icon-control-forward, .mg-wrapper .icon-control-end, .mg-wrapper .icon-calendar, .mg-wrapper .icon-bulb, .mg-wrapper .icon-bar-chart, .mg-wrapper .icon-arrow-up, .mg-wrapper .icon-arrow-right, .mg-wrapper .icon-arrow-left, .mg-wrapper .icon-arrow-down, .mg-wrapper .icon-ban, .mg-wrapper .icon-bubble, .mg-wrapper .icon-camcorder, .mg-wrapper .icon-camera, .mg-wrapper .icon-check, .mg-wrapper .icon-clock, .mg-wrapper .icon-close, .mg-wrapper .icon-cloud-download, .mg-wrapper .icon-cloud-upload, .mg-wrapper .icon-doc, .mg-wrapper .icon-envelope, .mg-wrapper .icon-eye, .mg-wrapper .icon-flag, .mg-wrapper .icon-folder, .mg-wrapper .icon-heart, .mg-wrapper .icon-info, .mg-wrapper .icon-key, .mg-wrapper .icon-link, .mg-wrapper .icon-lock, .mg-wrapper .icon-lock-open, .mg-wrapper .icon-magnifier, .mg-wrapper .icon-magnifier-add, .mg-wrapper .icon-magnifier-remove, .mg-wrapper .icon-paper-clip, .mg-wrapper .icon-paper-plane, .mg-wrapper .icon-plus, .mg-wrapper .icon-pointer, .mg-wrapper .icon-power, .mg-wrapper .icon-refresh, .mg-wrapper .icon-reload, .mg-wrapper .icon-settings, .mg-wrapper .icon-star, .mg-wrapper .icon-symbol-female, .mg-wrapper .icon-symbol-male, .mg-wrapper .icon-target, .mg-wrapper .icon-volume-1, .mg-wrapper .icon-volume-2, .mg-wrapper .icon-volume-off, .mg-wrapper .icon-users {
  32. font-family: 'Simple-Line-Icons' !important;
  33. speak: none;
  34. font-style: normal;
  35. font-weight: normal;
  36. font-variant: normal;
  37. text-transform: none;
  38. line-height: 1;
  39. -webkit-font-smoothing: antialiased; }
  40. .mg-wrapper .icon-user-female:before {
  41. content: "\e000"; }
  42. .mg-wrapper .icon-user-follow:before {
  43. content: "\e002"; }
  44. .mg-wrapper .icon-user-following:before {
  45. content: "\e003"; }
  46. .mg-wrapper .icon-user-unfollow:before {
  47. content: "\e004"; }
  48. .mg-wrapper .icon-trophy:before {
  49. content: "\e006"; }
  50. .mg-wrapper .icon-screen-smartphone:before {
  51. content: "\e010"; }
  52. .mg-wrapper .icon-screen-desktop:before {
  53. content: "\e011"; }
  54. .mg-wrapper .icon-plane:before {
  55. content: "\e012"; }
  56. .mg-wrapper .icon-notebook:before {
  57. content: "\e013"; }
  58. .mg-wrapper .icon-moustache:before {
  59. content: "\e014"; }
  60. .mg-wrapper .icon-mouse:before {
  61. content: "\e015"; }
  62. .mg-wrapper .icon-magnet:before {
  63. content: "\e016"; }
  64. .mg-wrapper .icon-energy:before {
  65. content: "\e020"; }
  66. .mg-wrapper .icon-emoticon-smile:before {
  67. content: "\e021"; }
  68. .mg-wrapper .icon-disc:before {
  69. content: "\e022"; }
  70. .mg-wrapper .icon-cursor-move:before {
  71. content: "\e023"; }
  72. .mg-wrapper .icon-crop:before {
  73. content: "\e024"; }
  74. .mg-wrapper .icon-credit-card:before {
  75. content: "\e025"; }
  76. .mg-wrapper .icon-chemistry:before {
  77. content: "\e026"; }
  78. .mg-wrapper .icon-user:before {
  79. content: "\e005"; }
  80. .mg-wrapper .icon-speedometer:before {
  81. content: "\e007"; }
  82. .mg-wrapper .icon-social-youtube:before {
  83. content: "\e008"; }
  84. .mg-wrapper .icon-social-twitter:before {
  85. content: "\e009"; }
  86. .mg-wrapper .icon-social-tumblr:before {
  87. content: "\e00a"; }
  88. .mg-wrapper .icon-social-facebook:before {
  89. content: "\e00b"; }
  90. .mg-wrapper .icon-social-dropbox:before {
  91. content: "\e00c"; }
  92. .mg-wrapper .icon-social-dribbble:before {
  93. content: "\e00d"; }
  94. .mg-wrapper .icon-shield:before {
  95. content: "\e00e"; }
  96. .mg-wrapper .icon-screen-tablet:before {
  97. content: "\e00f"; }
  98. .mg-wrapper .icon-magic-wand:before {
  99. content: "\e017"; }
  100. .mg-wrapper .icon-hourglass:before {
  101. content: "\e018"; }
  102. .mg-wrapper .icon-graduation:before {
  103. content: "\e019"; }
  104. .mg-wrapper .icon-ghost:before {
  105. content: "\e01a"; }
  106. .mg-wrapper .icon-game-controller:before {
  107. content: "\e01b"; }
  108. .mg-wrapper .icon-fire:before {
  109. content: "\e01c"; }
  110. .mg-wrapper .icon-eyeglasses:before {
  111. content: "\e01d"; }
  112. .mg-wrapper .icon-envelope-open:before {
  113. content: "\e01e"; }
  114. .mg-wrapper .icon-envelope-letter:before {
  115. content: "\e01f"; }
  116. .mg-wrapper .icon-bell:before {
  117. content: "\e027"; }
  118. .mg-wrapper .icon-badge:before {
  119. content: "\e028"; }
  120. .mg-wrapper .icon-anchor:before {
  121. content: "\e029"; }
  122. .mg-wrapper .icon-wallet:before {
  123. content: "\e02a"; }
  124. .mg-wrapper .icon-vector:before {
  125. content: "\e02b"; }
  126. .mg-wrapper .icon-speech:before {
  127. content: "\e02c"; }
  128. .mg-wrapper .icon-puzzle:before {
  129. content: "\e02d"; }
  130. .mg-wrapper .icon-printer:before {
  131. content: "\e02e"; }
  132. .mg-wrapper .icon-present:before {
  133. content: "\e02f"; }
  134. .mg-wrapper .icon-playlist:before {
  135. content: "\e030"; }
  136. .mg-wrapper .icon-pin:before {
  137. content: "\e031"; }
  138. .mg-wrapper .icon-picture:before {
  139. content: "\e032"; }
  140. .mg-wrapper .icon-map:before {
  141. content: "\e033"; }
  142. .mg-wrapper .icon-layers:before {
  143. content: "\e034"; }
  144. .mg-wrapper .icon-handbag:before {
  145. content: "\e035"; }
  146. .mg-wrapper .icon-globe-alt:before {
  147. content: "\e036"; }
  148. .mg-wrapper .icon-globe:before {
  149. content: "\e037"; }
  150. .mg-wrapper .icon-frame:before {
  151. content: "\e038"; }
  152. .mg-wrapper .icon-folder-alt:before {
  153. content: "\e039"; }
  154. .mg-wrapper .icon-film:before {
  155. content: "\e03a"; }
  156. .mg-wrapper .icon-feed:before {
  157. content: "\e03b"; }
  158. .mg-wrapper .icon-earphones-alt:before {
  159. content: "\e03c"; }
  160. .mg-wrapper .icon-earphones:before {
  161. content: "\e03d"; }
  162. .mg-wrapper .icon-drop:before {
  163. content: "\e03e"; }
  164. .mg-wrapper .icon-drawer:before {
  165. content: "\e03f"; }
  166. .mg-wrapper .icon-docs:before {
  167. content: "\e040"; }
  168. .mg-wrapper .icon-directions:before {
  169. content: "\e041"; }
  170. .mg-wrapper .icon-direction:before {
  171. content: "\e042"; }
  172. .mg-wrapper .icon-diamond:before {
  173. content: "\e043"; }
  174. .mg-wrapper .icon-cup:before {
  175. content: "\e044"; }
  176. .mg-wrapper .icon-compass:before {
  177. content: "\e045"; }
  178. .mg-wrapper .icon-call-out:before {
  179. content: "\e046"; }
  180. .mg-wrapper .icon-call-in:before {
  181. content: "\e047"; }
  182. .mg-wrapper .icon-call-end:before {
  183. content: "\e048"; }
  184. .mg-wrapper .icon-calculator:before {
  185. content: "\e049"; }
  186. .mg-wrapper .icon-bubbles:before {
  187. content: "\e04a"; }
  188. .mg-wrapper .icon-briefcase:before {
  189. content: "\e04b"; }
  190. .mg-wrapper .icon-book-open:before {
  191. content: "\e04c"; }
  192. .mg-wrapper .icon-basket-loaded:before {
  193. content: "\e04d"; }
  194. .mg-wrapper .icon-basket:before {
  195. content: "\e04e"; }
  196. .mg-wrapper .icon-bag:before {
  197. content: "\e04f"; }
  198. .mg-wrapper .icon-action-undo:before {
  199. content: "\e050"; }
  200. .mg-wrapper .icon-action-redo:before {
  201. content: "\e051"; }
  202. .mg-wrapper .icon-wrench:before {
  203. content: "\e052"; }
  204. .mg-wrapper .icon-umbrella:before {
  205. content: "\e053"; }
  206. .mg-wrapper .icon-trash:before {
  207. content: "\e054"; }
  208. .mg-wrapper .icon-tag:before {
  209. content: "\e055"; }
  210. .mg-wrapper .icon-support:before {
  211. content: "\e056"; }
  212. .mg-wrapper .icon-size-fullscreen:before {
  213. content: "\e057"; }
  214. .mg-wrapper .icon-size-actual:before {
  215. content: "\e058"; }
  216. .mg-wrapper .icon-shuffle:before {
  217. content: "\e059"; }
  218. .mg-wrapper .icon-share-alt:before {
  219. content: "\e05a"; }
  220. .mg-wrapper .icon-share:before {
  221. content: "\e05b"; }
  222. .mg-wrapper .icon-rocket:before {
  223. content: "\e05c"; }
  224. .mg-wrapper .icon-question:before {
  225. content: "\e05d"; }
  226. .mg-wrapper .icon-pie-chart:before {
  227. content: "\e05e"; }
  228. .mg-wrapper .icon-pencil:before {
  229. content: "\e05f"; }
  230. .mg-wrapper .icon-note:before {
  231. content: "\e060"; }
  232. .mg-wrapper .icon-music-tone-alt:before {
  233. content: "\e061"; }
  234. .mg-wrapper .icon-music-tone:before {
  235. content: "\e062"; }
  236. .mg-wrapper .icon-microphone:before {
  237. content: "\e063"; }
  238. .mg-wrapper .icon-loop:before {
  239. content: "\e064"; }
  240. .mg-wrapper .icon-logout:before {
  241. content: "\e065"; }
  242. .mg-wrapper .icon-login:before {
  243. content: "\e066"; }
  244. .mg-wrapper .icon-list:before {
  245. content: "\e067"; }
  246. .mg-wrapper .icon-like:before {
  247. content: "\e068"; }
  248. .mg-wrapper .icon-home:before {
  249. content: "\e069"; }
  250. .mg-wrapper .icon-grid:before {
  251. content: "\e06a"; }
  252. .mg-wrapper .icon-graph:before {
  253. content: "\e06b"; }
  254. .mg-wrapper .icon-equalizer:before {
  255. content: "\e06c"; }
  256. .mg-wrapper .icon-dislike:before {
  257. content: "\e06d"; }
  258. .mg-wrapper .icon-cursor:before {
  259. content: "\e06e"; }
  260. .mg-wrapper .icon-control-start:before {
  261. content: "\e06f"; }
  262. .mg-wrapper .icon-control-rewind:before {
  263. content: "\e070"; }
  264. .mg-wrapper .icon-control-play:before {
  265. content: "\e071"; }
  266. .mg-wrapper .icon-control-pause:before {
  267. content: "\e072"; }
  268. .mg-wrapper .icon-control-forward:before {
  269. content: "\e073"; }
  270. .mg-wrapper .icon-control-end:before {
  271. content: "\e074"; }
  272. .mg-wrapper .icon-calendar:before {
  273. content: "\e075"; }
  274. .mg-wrapper .icon-bulb:before {
  275. content: "\e076"; }
  276. .mg-wrapper .icon-bar-chart:before {
  277. content: "\e077"; }
  278. .mg-wrapper .icon-arrow-up:before {
  279. content: "\e078"; }
  280. .mg-wrapper .icon-arrow-right:before {
  281. content: "\e079"; }
  282. .mg-wrapper .icon-arrow-left:before {
  283. content: "\e07a"; }
  284. .mg-wrapper .icon-arrow-down:before {
  285. content: "\e07b"; }
  286. .mg-wrapper .icon-ban:before {
  287. content: "\e07c"; }
  288. .mg-wrapper .icon-bubble:before {
  289. content: "\e07d"; }
  290. .mg-wrapper .icon-camcorder:before {
  291. content: "\e07e"; }
  292. .mg-wrapper .icon-camera:before {
  293. content: "\e07f"; }
  294. .mg-wrapper .icon-check:before {
  295. content: "\e080"; }
  296. .mg-wrapper .icon-clock:before {
  297. content: "\e081"; }
  298. .mg-wrapper .icon-close:before {
  299. content: "\e082"; }
  300. .mg-wrapper .icon-cloud-download:before {
  301. content: "\e083"; }
  302. .mg-wrapper .icon-cloud-upload:before {
  303. content: "\e084"; }
  304. .mg-wrapper .icon-doc:before {
  305. content: "\e085"; }
  306. .mg-wrapper .icon-envelope:before {
  307. content: "\e086"; }
  308. .mg-wrapper .icon-eye:before {
  309. content: "\e087"; }
  310. .mg-wrapper .icon-flag:before {
  311. content: "\e088"; }
  312. .mg-wrapper .icon-folder:before {
  313. content: "\e089"; }
  314. .mg-wrapper .icon-heart:before {
  315. content: "\e08a"; }
  316. .mg-wrapper .icon-info:before {
  317. content: "\e08b"; }
  318. .mg-wrapper .icon-key:before {
  319. content: "\e08c"; }
  320. .mg-wrapper .icon-link:before {
  321. content: "\e08d"; }
  322. .mg-wrapper .icon-lock:before {
  323. content: "\e08e"; }
  324. .mg-wrapper .icon-lock-open:before {
  325. content: "\e08f"; }
  326. .mg-wrapper .icon-magnifier:before {
  327. content: "\e090"; }
  328. .mg-wrapper .icon-magnifier-add:before {
  329. content: "\e091"; }
  330. .mg-wrapper .icon-magnifier-remove:before {
  331. content: "\e092"; }
  332. .mg-wrapper .icon-paper-clip:before {
  333. content: "\e093"; }
  334. .mg-wrapper .icon-paper-plane:before {
  335. content: "\e094"; }
  336. .mg-wrapper .icon-plus:before {
  337. content: "\e095"; }
  338. .mg-wrapper .icon-pointer:before {
  339. content: "\e096"; }
  340. .mg-wrapper .icon-power:before {
  341. content: "\e097"; }
  342. .mg-wrapper .icon-refresh:before {
  343. content: "\e098"; }
  344. .mg-wrapper .icon-reload:before {
  345. content: "\e099"; }
  346. .mg-wrapper .icon-settings:before {
  347. content: "\e09a"; }
  348. .mg-wrapper .icon-star:before {
  349. content: "\e09b"; }
  350. .mg-wrapper .icon-symbol-female:before {
  351. content: "\e09c"; }
  352. .mg-wrapper .icon-symbol-male:before {
  353. content: "\e09d"; }
  354. .mg-wrapper .icon-target:before {
  355. content: "\e09e"; }
  356. .mg-wrapper .icon-volume-1:before {
  357. content: "\e09f"; }
  358. .mg-wrapper .icon-volume-2:before {
  359. content: "\e0a0"; }
  360. .mg-wrapper .icon-volume-off:before {
  361. content: "\e0a1"; }
  362. .mg-wrapper .icon-users:before {
  363. content: "\e001"; }