2 font-family: 'simple-line-icons';
3 src: url('../fonts/Simple-Line-Icons.eot?v=2.2.2');
4 src: url('../fonts/Simple-Line-Icons.eot?v=2.2.2#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.ttf?v=2.2.2') format('truetype'), url('../fonts/Simple-Line-Icons.woff2?v=2.2.2') format('woff2'), url('../fonts/Simple-Line-Icons.woff?v=2.2.2') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.2.2#simple-line-icons') format('svg');
9 Use the following CSS code if you want to have a class per icon.
10 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
33 .icon-options-vertical,
39 .icon-arrow-up-circle,
40 .icon-arrow-left-circle,
41 .icon-arrow-right-circle,
42 .icon-arrow-down-circle,
48 .icon-screen-smartphone,
68 .icon-game-controller,
72 .icon-envelope-letter,
113 .icon-size-fullscreen,
128 .icon-music-tone-alt,
136 .icon-control-rewind,
139 .icon-control-forward,
151 .icon-cloud-download,
164 .icon-magnifier-remove,
178 .icon-social-twitter,
179 .icon-social-facebook,
180 .icon-social-instagram,
181 .icon-social-linkedin,
182 .icon-social-pinterest,
187 .icon-social-dribbble,
188 .icon-social-behance,
189 .icon-social-foursqare,
190 .icon-social-soundcloud,
191 .icon-social-spotify,
192 .icon-social-stumbleupon,
193 .icon-social-youtube,
194 .icon-social-dropbox {
195 font-family: 'simple-line-icons';
199 font-variant: normal;
200 text-transform: none;
202 /* Better Font Rendering =========== */
203 -webkit-font-smoothing: antialiased;
204 -moz-osx-font-smoothing: grayscale;
209 .icon-people:before {
212 .icon-user-female:before {
215 .icon-user-follow:before {
218 .icon-user-following:before {
221 .icon-user-unfollow:before {
227 .icon-logout:before {
230 .icon-emotsmile:before {
236 .icon-call-end:before {
239 .icon-call-in:before {
242 .icon-call-out:before {
248 .icon-location-pin:before {
251 .icon-direction:before {
254 .icon-directions:before {
257 .icon-compass:before {
260 .icon-layers:before {
269 .icon-options-vertical:before {
272 .icon-options:before {
275 .icon-arrow-down:before {
278 .icon-arrow-left:before {
281 .icon-arrow-right:before {
284 .icon-arrow-up:before {
287 .icon-arrow-up-circle:before {
290 .icon-arrow-left-circle:before {
293 .icon-arrow-right-circle:before {
296 .icon-arrow-down-circle:before {
311 .icon-trophy:before {
314 .icon-screen-smartphone:before {
317 .icon-screen-desktop:before {
323 .icon-notebook:before {
326 .icon-mustache:before {
332 .icon-magnet:before {
335 .icon-energy:before {
341 .icon-cursor:before {
344 .icon-cursor-move:before {
350 .icon-chemistry:before {
353 .icon-speedometer:before {
356 .icon-shield:before {
359 .icon-screen-tablet:before {
362 .icon-magic-wand:before {
365 .icon-hourglass:before {
368 .icon-graduation:before {
374 .icon-game-controller:before {
380 .icon-eyeglass:before {
383 .icon-envelope-open:before {
386 .icon-envelope-letter:before {
395 .icon-anchor:before {
398 .icon-wallet:before {
401 .icon-vector:before {
404 .icon-speech:before {
407 .icon-puzzle:before {
410 .icon-printer:before {
413 .icon-present:before {
416 .icon-playlist:before {
422 .icon-picture:before {
425 .icon-handbag:before {
428 .icon-globe-alt:before {
434 .icon-folder-alt:before {
437 .icon-folder:before {
449 .icon-drawer:before {
458 .icon-diamond:before {
464 .icon-calculator:before {
467 .icon-bubbles:before {
470 .icon-briefcase:before {
473 .icon-book-open:before {
476 .icon-basket-loaded:before {
479 .icon-basket:before {
485 .icon-action-undo:before {
488 .icon-action-redo:before {
491 .icon-wrench:before {
494 .icon-umbrella:before {
503 .icon-support:before {
509 .icon-size-fullscreen:before {
512 .icon-size-actual:before {
515 .icon-shuffle:before {
518 .icon-share-alt:before {
524 .icon-rocket:before {
527 .icon-question:before {
530 .icon-pie-chart:before {
533 .icon-pencil:before {
551 .icon-microphone:before {
554 .icon-music-tone-alt:before {
557 .icon-music-tone:before {
560 .icon-earphones-alt:before {
563 .icon-earphones:before {
566 .icon-equalizer:before {
572 .icon-dislike:before {
575 .icon-control-start:before {
578 .icon-control-rewind:before {
581 .icon-control-play:before {
584 .icon-control-pause:before {
587 .icon-control-forward:before {
590 .icon-control-end:before {
593 .icon-volume-1:before {
596 .icon-volume-2:before {
599 .icon-volume-off:before {
602 .icon-calendar:before {
614 .icon-bubble:before {
617 .icon-camrecorder:before {
620 .icon-camera:before {
623 .icon-cloud-download:before {
626 .icon-cloud-upload:before {
629 .icon-envelope:before {
653 .icon-lock-open:before {
656 .icon-magnifier:before {
659 .icon-magnifier-add:before {
662 .icon-magnifier-remove:before {
665 .icon-paper-clip:before {
668 .icon-paper-plane:before {
674 .icon-refresh:before {
677 .icon-reload:before {
680 .icon-settings:before {
686 .icon-symbol-female:before {
689 .icon-symbol-male:before {
692 .icon-target:before {
695 .icon-credit-card:before {
698 .icon-paypal:before {
701 .icon-social-tumblr:before {
704 .icon-social-twitter:before {
707 .icon-social-facebook:before {
710 .icon-social-instagram:before {
713 .icon-social-linkedin:before {
716 .icon-social-pinterest:before {
719 .icon-social-github:before {
722 .icon-social-gplus:before {
725 .icon-social-reddit:before {
728 .icon-social-skype:before {
731 .icon-social-dribbble:before {
734 .icon-social-behance:before {
737 .icon-social-foursqare:before {
740 .icon-social-soundcloud:before {
743 .icon-social-spotify:before {
746 .icon-social-stumbleupon:before {
749 .icon-social-youtube:before {
752 .icon-social-dropbox:before {