simple-line-icons.css 11 KB

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