simple-line-icons.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782
  1. /*
  2. * Font Face
  3. */
  4. @font-face {
  5. font-family: 'simple-line-icons';
  6. src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
  7. src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. /*
  12. Use the following code if you want to have a class per icon.
  13. Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector,
  14. but it's slower.
  15. */
  16. .icon-user,
  17. .icon-people,
  18. .icon-user-female,
  19. .icon-user-follow,
  20. .icon-user-following,
  21. .icon-user-unfollow,
  22. .icon-login,
  23. .icon-logout,
  24. .icon-emotsmile,
  25. .icon-phone,
  26. .icon-call-end,
  27. .icon-call-in,
  28. .icon-call-out,
  29. .icon-map,
  30. .icon-location-pin,
  31. .icon-direction,
  32. .icon-directions,
  33. .icon-compass,
  34. .icon-layers,
  35. .icon-menu,
  36. .icon-list,
  37. .icon-options-vertical,
  38. .icon-options,
  39. .icon-arrow-down,
  40. .icon-arrow-left,
  41. .icon-arrow-right,
  42. .icon-arrow-up,
  43. .icon-arrow-up-circle,
  44. .icon-arrow-left-circle,
  45. .icon-arrow-right-circle,
  46. .icon-arrow-down-circle,
  47. .icon-check,
  48. .icon-clock,
  49. .icon-plus,
  50. .icon-minus,
  51. .icon-close,
  52. .icon-event,
  53. .icon-exclamation,
  54. .icon-organization,
  55. .icon-trophy,
  56. .icon-screen-smartphone,
  57. .icon-screen-desktop,
  58. .icon-plane,
  59. .icon-notebook,
  60. .icon-mustache,
  61. .icon-mouse,
  62. .icon-magnet,
  63. .icon-energy,
  64. .icon-disc,
  65. .icon-cursor,
  66. .icon-cursor-move,
  67. .icon-crop,
  68. .icon-chemistry,
  69. .icon-speedometer,
  70. .icon-shield,
  71. .icon-screen-tablet,
  72. .icon-magic-wand,
  73. .icon-hourglass,
  74. .icon-graduation,
  75. .icon-ghost,
  76. .icon-game-controller,
  77. .icon-fire,
  78. .icon-eyeglass,
  79. .icon-envelope-open,
  80. .icon-envelope-letter,
  81. .icon-bell,
  82. .icon-badge,
  83. .icon-anchor,
  84. .icon-wallet,
  85. .icon-vector,
  86. .icon-speech,
  87. .icon-puzzle,
  88. .icon-printer,
  89. .icon-present,
  90. .icon-playlist,
  91. .icon-pin,
  92. .icon-picture,
  93. .icon-handbag,
  94. .icon-globe-alt,
  95. .icon-globe,
  96. .icon-folder-alt,
  97. .icon-folder,
  98. .icon-film,
  99. .icon-feed,
  100. .icon-drop,
  101. .icon-drawer,
  102. .icon-docs,
  103. .icon-doc,
  104. .icon-diamond,
  105. .icon-cup,
  106. .icon-calculator,
  107. .icon-bubbles,
  108. .icon-briefcase,
  109. .icon-book-open,
  110. .icon-basket-loaded,
  111. .icon-basket,
  112. .icon-bag,
  113. .icon-action-undo,
  114. .icon-action-redo,
  115. .icon-wrench,
  116. .icon-umbrella,
  117. .icon-trash,
  118. .icon-tag,
  119. .icon-support,
  120. .icon-frame,
  121. .icon-size-fullscreen,
  122. .icon-size-actual,
  123. .icon-shuffle,
  124. .icon-share-alt,
  125. .icon-share,
  126. .icon-rocket,
  127. .icon-question,
  128. .icon-pie-chart,
  129. .icon-pencil,
  130. .icon-note,
  131. .icon-loop,
  132. .icon-home,
  133. .icon-grid,
  134. .icon-graph,
  135. .icon-microphone,
  136. .icon-music-tone-alt,
  137. .icon-music-tone,
  138. .icon-earphones-alt,
  139. .icon-earphones,
  140. .icon-equalizer,
  141. .icon-like,
  142. .icon-dislike,
  143. .icon-control-start,
  144. .icon-control-rewind,
  145. .icon-control-play,
  146. .icon-control-pause,
  147. .icon-control-forward,
  148. .icon-control-end,
  149. .icon-volume-1,
  150. .icon-volume-2,
  151. .icon-volume-off,
  152. .icon-calendar,
  153. .icon-bulb,
  154. .icon-chart,
  155. .icon-ban,
  156. .icon-bubble,
  157. .icon-camrecorder,
  158. .icon-camera,
  159. .icon-cloud-download,
  160. .icon-cloud-upload,
  161. .icon-envelope,
  162. .icon-eye,
  163. .icon-flag,
  164. .icon-heart,
  165. .icon-info,
  166. .icon-key,
  167. .icon-link,
  168. .icon-lock,
  169. .icon-lock-open,
  170. .icon-magnifier,
  171. .icon-magnifier-add,
  172. .icon-magnifier-remove,
  173. .icon-paper-clip,
  174. .icon-paper-plane,
  175. .icon-power,
  176. .icon-refresh,
  177. .icon-reload,
  178. .icon-settings,
  179. .icon-star,
  180. .icon-symbol-female,
  181. .icon-symbol-male,
  182. .icon-target,
  183. .icon-credit-card,
  184. .icon-paypal,
  185. .icon-social-tumblr,
  186. .icon-social-twitter,
  187. .icon-social-facebook,
  188. .icon-social-instagram,
  189. .icon-social-linkedin,
  190. .icon-social-pinterest,
  191. .icon-social-github,
  192. .icon-social-google,
  193. .icon-social-reddit,
  194. .icon-social-skype,
  195. .icon-social-dribbble,
  196. .icon-social-behance,
  197. .icon-social-foursqare,
  198. .icon-social-soundcloud,
  199. .icon-social-spotify,
  200. .icon-social-stumbleupon,
  201. .icon-social-youtube,
  202. .icon-social-dropbox,
  203. .icon-social-vkontakte,
  204. .icon-social-steam {
  205. font-family: 'simple-line-icons';
  206. speak: none;
  207. font-style: normal;
  208. font-weight: normal;
  209. font-variant: normal;
  210. text-transform: none;
  211. line-height: 1;
  212. /* Better Font Rendering =========== */
  213. -webkit-font-smoothing: antialiased;
  214. -moz-osx-font-smoothing: grayscale;
  215. }
  216. .icon-user:before {
  217. content: "\e005";
  218. }
  219. .icon-people:before {
  220. content: "\e001";
  221. }
  222. .icon-user-female:before {
  223. content: "\e000";
  224. }
  225. .icon-user-follow:before {
  226. content: "\e002";
  227. }
  228. .icon-user-following:before {
  229. content: "\e003";
  230. }
  231. .icon-user-unfollow:before {
  232. content: "\e004";
  233. }
  234. .icon-login:before {
  235. content: "\e066";
  236. }
  237. .icon-logout:before {
  238. content: "\e065";
  239. }
  240. .icon-emotsmile:before {
  241. content: "\e021";
  242. }
  243. .icon-phone:before {
  244. content: "\e600";
  245. }
  246. .icon-call-end:before {
  247. content: "\e048";
  248. }
  249. .icon-call-in:before {
  250. content: "\e047";
  251. }
  252. .icon-call-out:before {
  253. content: "\e046";
  254. }
  255. .icon-map:before {
  256. content: "\e033";
  257. }
  258. .icon-location-pin:before {
  259. content: "\e096";
  260. }
  261. .icon-direction:before {
  262. content: "\e042";
  263. }
  264. .icon-directions:before {
  265. content: "\e041";
  266. }
  267. .icon-compass:before {
  268. content: "\e045";
  269. }
  270. .icon-layers:before {
  271. content: "\e034";
  272. }
  273. .icon-menu:before {
  274. content: "\e601";
  275. }
  276. .icon-list:before {
  277. content: "\e067";
  278. }
  279. .icon-options-vertical:before {
  280. content: "\e602";
  281. }
  282. .icon-options:before {
  283. content: "\e603";
  284. }
  285. .icon-arrow-down:before {
  286. content: "\e604";
  287. }
  288. .icon-arrow-left:before {
  289. content: "\e605";
  290. }
  291. .icon-arrow-right:before {
  292. content: "\e606";
  293. }
  294. .icon-arrow-up:before {
  295. content: "\e607";
  296. }
  297. .icon-arrow-up-circle:before {
  298. content: "\e078";
  299. }
  300. .icon-arrow-left-circle:before {
  301. content: "\e07a";
  302. }
  303. .icon-arrow-right-circle:before {
  304. content: "\e079";
  305. }
  306. .icon-arrow-down-circle:before {
  307. content: "\e07b";
  308. }
  309. .icon-check:before {
  310. content: "\e080";
  311. }
  312. .icon-clock:before {
  313. content: "\e081";
  314. }
  315. .icon-plus:before {
  316. content: "\e095";
  317. }
  318. .icon-minus:before {
  319. content: "\e615";
  320. }
  321. .icon-close:before {
  322. content: "\e082";
  323. }
  324. .icon-event:before {
  325. content: "\e619";
  326. }
  327. .icon-exclamation:before {
  328. content: "\e617";
  329. }
  330. .icon-organization:before {
  331. content: "\e616";
  332. }
  333. .icon-trophy:before {
  334. content: "\e006";
  335. }
  336. .icon-screen-smartphone:before {
  337. content: "\e010";
  338. }
  339. .icon-screen-desktop:before {
  340. content: "\e011";
  341. }
  342. .icon-plane:before {
  343. content: "\e012";
  344. }
  345. .icon-notebook:before {
  346. content: "\e013";
  347. }
  348. .icon-mustache:before {
  349. content: "\e014";
  350. }
  351. .icon-mouse:before {
  352. content: "\e015";
  353. }
  354. .icon-magnet:before {
  355. content: "\e016";
  356. }
  357. .icon-energy:before {
  358. content: "\e020";
  359. }
  360. .icon-disc:before {
  361. content: "\e022";
  362. }
  363. .icon-cursor:before {
  364. content: "\e06e";
  365. }
  366. .icon-cursor-move:before {
  367. content: "\e023";
  368. }
  369. .icon-crop:before {
  370. content: "\e024";
  371. }
  372. .icon-chemistry:before {
  373. content: "\e026";
  374. }
  375. .icon-speedometer:before {
  376. content: "\e007";
  377. }
  378. .icon-shield:before {
  379. content: "\e00e";
  380. }
  381. .icon-screen-tablet:before {
  382. content: "\e00f";
  383. }
  384. .icon-magic-wand:before {
  385. content: "\e017";
  386. }
  387. .icon-hourglass:before {
  388. content: "\e018";
  389. }
  390. .icon-graduation:before {
  391. content: "\e019";
  392. }
  393. .icon-ghost:before {
  394. content: "\e01a";
  395. }
  396. .icon-game-controller:before {
  397. content: "\e01b";
  398. }
  399. .icon-fire:before {
  400. content: "\e01c";
  401. }
  402. .icon-eyeglass:before {
  403. content: "\e01d";
  404. }
  405. .icon-envelope-open:before {
  406. content: "\e01e";
  407. }
  408. .icon-envelope-letter:before {
  409. content: "\e01f";
  410. }
  411. .icon-bell:before {
  412. content: "\e027";
  413. }
  414. .icon-badge:before {
  415. content: "\e028";
  416. }
  417. .icon-anchor:before {
  418. content: "\e029";
  419. }
  420. .icon-wallet:before {
  421. content: "\e02a";
  422. }
  423. .icon-vector:before {
  424. content: "\e02b";
  425. }
  426. .icon-speech:before {
  427. content: "\e02c";
  428. }
  429. .icon-puzzle:before {
  430. content: "\e02d";
  431. }
  432. .icon-printer:before {
  433. content: "\e02e";
  434. }
  435. .icon-present:before {
  436. content: "\e02f";
  437. }
  438. .icon-playlist:before {
  439. content: "\e030";
  440. }
  441. .icon-pin:before {
  442. content: "\e031";
  443. }
  444. .icon-picture:before {
  445. content: "\e032";
  446. }
  447. .icon-handbag:before {
  448. content: "\e035";
  449. }
  450. .icon-globe-alt:before {
  451. content: "\e036";
  452. }
  453. .icon-globe:before {
  454. content: "\e037";
  455. }
  456. .icon-folder-alt:before {
  457. content: "\e039";
  458. }
  459. .icon-folder:before {
  460. content: "\e089";
  461. }
  462. .icon-film:before {
  463. content: "\e03a";
  464. }
  465. .icon-feed:before {
  466. content: "\e03b";
  467. }
  468. .icon-drop:before {
  469. content: "\e03e";
  470. }
  471. .icon-drawer:before {
  472. content: "\e03f";
  473. }
  474. .icon-docs:before {
  475. content: "\e040";
  476. }
  477. .icon-doc:before {
  478. content: "\e085";
  479. }
  480. .icon-diamond:before {
  481. content: "\e043";
  482. }
  483. .icon-cup:before {
  484. content: "\e044";
  485. }
  486. .icon-calculator:before {
  487. content: "\e049";
  488. }
  489. .icon-bubbles:before {
  490. content: "\e04a";
  491. }
  492. .icon-briefcase:before {
  493. content: "\e04b";
  494. }
  495. .icon-book-open:before {
  496. content: "\e04c";
  497. }
  498. .icon-basket-loaded:before {
  499. content: "\e04d";
  500. }
  501. .icon-basket:before {
  502. content: "\e04e";
  503. }
  504. .icon-bag:before {
  505. content: "\e04f";
  506. }
  507. .icon-action-undo:before {
  508. content: "\e050";
  509. }
  510. .icon-action-redo:before {
  511. content: "\e051";
  512. }
  513. .icon-wrench:before {
  514. content: "\e052";
  515. }
  516. .icon-umbrella:before {
  517. content: "\e053";
  518. }
  519. .icon-trash:before {
  520. content: "\e054";
  521. }
  522. .icon-tag:before {
  523. content: "\e055";
  524. }
  525. .icon-support:before {
  526. content: "\e056";
  527. }
  528. .icon-frame:before {
  529. content: "\e038";
  530. }
  531. .icon-size-fullscreen:before {
  532. content: "\e057";
  533. }
  534. .icon-size-actual:before {
  535. content: "\e058";
  536. }
  537. .icon-shuffle:before {
  538. content: "\e059";
  539. }
  540. .icon-share-alt:before {
  541. content: "\e05a";
  542. }
  543. .icon-share:before {
  544. content: "\e05b";
  545. }
  546. .icon-rocket:before {
  547. content: "\e05c";
  548. }
  549. .icon-question:before {
  550. content: "\e05d";
  551. }
  552. .icon-pie-chart:before {
  553. content: "\e05e";
  554. }
  555. .icon-pencil:before {
  556. content: "\e05f";
  557. }
  558. .icon-note:before {
  559. content: "\e060";
  560. }
  561. .icon-loop:before {
  562. content: "\e064";
  563. }
  564. .icon-home:before {
  565. content: "\e069";
  566. }
  567. .icon-grid:before {
  568. content: "\e06a";
  569. }
  570. .icon-graph:before {
  571. content: "\e06b";
  572. }
  573. .icon-microphone:before {
  574. content: "\e063";
  575. }
  576. .icon-music-tone-alt:before {
  577. content: "\e061";
  578. }
  579. .icon-music-tone:before {
  580. content: "\e062";
  581. }
  582. .icon-earphones-alt:before {
  583. content: "\e03c";
  584. }
  585. .icon-earphones:before {
  586. content: "\e03d";
  587. }
  588. .icon-equalizer:before {
  589. content: "\e06c";
  590. }
  591. .icon-like:before {
  592. content: "\e068";
  593. }
  594. .icon-dislike:before {
  595. content: "\e06d";
  596. }
  597. .icon-control-start:before {
  598. content: "\e06f";
  599. }
  600. .icon-control-rewind:before {
  601. content: "\e070";
  602. }
  603. .icon-control-play:before {
  604. content: "\e071";
  605. }
  606. .icon-control-pause:before {
  607. content: "\e072";
  608. }
  609. .icon-control-forward:before {
  610. content: "\e073";
  611. }
  612. .icon-control-end:before {
  613. content: "\e074";
  614. }
  615. .icon-volume-1:before {
  616. content: "\e09f";
  617. }
  618. .icon-volume-2:before {
  619. content: "\e0a0";
  620. }
  621. .icon-volume-off:before {
  622. content: "\e0a1";
  623. }
  624. .icon-calendar:before {
  625. content: "\e075";
  626. }
  627. .icon-bulb:before {
  628. content: "\e076";
  629. }
  630. .icon-chart:before {
  631. content: "\e077";
  632. }
  633. .icon-ban:before {
  634. content: "\e07c";
  635. }
  636. .icon-bubble:before {
  637. content: "\e07d";
  638. }
  639. .icon-camrecorder:before {
  640. content: "\e07e";
  641. }
  642. .icon-camera:before {
  643. content: "\e07f";
  644. }
  645. .icon-cloud-download:before {
  646. content: "\e083";
  647. }
  648. .icon-cloud-upload:before {
  649. content: "\e084";
  650. }
  651. .icon-envelope:before {
  652. content: "\e086";
  653. }
  654. .icon-eye:before {
  655. content: "\e087";
  656. }
  657. .icon-flag:before {
  658. content: "\e088";
  659. }
  660. .icon-heart:before {
  661. content: "\e08a";
  662. }
  663. .icon-info:before {
  664. content: "\e08b";
  665. }
  666. .icon-key:before {
  667. content: "\e08c";
  668. }
  669. .icon-link:before {
  670. content: "\e08d";
  671. }
  672. .icon-lock:before {
  673. content: "\e08e";
  674. }
  675. .icon-lock-open:before {
  676. content: "\e08f";
  677. }
  678. .icon-magnifier:before {
  679. content: "\e090";
  680. }
  681. .icon-magnifier-add:before {
  682. content: "\e091";
  683. }
  684. .icon-magnifier-remove:before {
  685. content: "\e092";
  686. }
  687. .icon-paper-clip:before {
  688. content: "\e093";
  689. }
  690. .icon-paper-plane:before {
  691. content: "\e094";
  692. }
  693. .icon-power:before {
  694. content: "\e097";
  695. }
  696. .icon-refresh:before {
  697. content: "\e098";
  698. }
  699. .icon-reload:before {
  700. content: "\e099";
  701. }
  702. .icon-settings:before {
  703. content: "\e09a";
  704. }
  705. .icon-star:before {
  706. content: "\e09b";
  707. }
  708. .icon-symbol-female:before {
  709. content: "\e09c";
  710. }
  711. .icon-symbol-male:before {
  712. content: "\e09d";
  713. }
  714. .icon-target:before {
  715. content: "\e09e";
  716. }
  717. .icon-credit-card:before {
  718. content: "\e025";
  719. }
  720. .icon-paypal:before {
  721. content: "\e608";
  722. }
  723. .icon-social-tumblr:before {
  724. content: "\e00a";
  725. }
  726. .icon-social-twitter:before {
  727. content: "\e009";
  728. }
  729. .icon-social-facebook:before {
  730. content: "\e00b";
  731. }
  732. .icon-social-instagram:before {
  733. content: "\e609";
  734. }
  735. .icon-social-linkedin:before {
  736. content: "\e60a";
  737. }
  738. .icon-social-pinterest:before {
  739. content: "\e60b";
  740. }
  741. .icon-social-github:before {
  742. content: "\e60c";
  743. }
  744. .icon-social-google:before {
  745. content: "\e60d";
  746. }
  747. .icon-social-reddit:before {
  748. content: "\e60e";
  749. }
  750. .icon-social-skype:before {
  751. content: "\e60f";
  752. }
  753. .icon-social-dribbble:before {
  754. content: "\e00d";
  755. }
  756. .icon-social-behance:before {
  757. content: "\e610";
  758. }
  759. .icon-social-foursqare:before {
  760. content: "\e611";
  761. }
  762. .icon-social-soundcloud:before {
  763. content: "\e612";
  764. }
  765. .icon-social-spotify:before {
  766. content: "\e613";
  767. }
  768. .icon-social-stumbleupon:before {
  769. content: "\e614";
  770. }
  771. .icon-social-youtube:before {
  772. content: "\e008";
  773. }
  774. .icon-social-dropbox:before {
  775. content: "\e00c";
  776. }
  777. .icon-social-vkontakte:before {
  778. content: "\e618";
  779. }
  780. .icon-social-steam:before {
  781. content: "\e620";
  782. }