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?#iefix&v=2.2.2') format('embedded-opentype'),
5 url('../fonts/Simple-Line-Icons.ttf?v=2.2.2') format('truetype'),
6 url('../fonts/Simple-Line-Icons.woff2?v=2.2.2') format('woff2'),
7 url('../fonts/Simple-Line-Icons.woff?v=2.2.2') format('woff'),
8 url('../fonts/Simple-Line-Icons.svg?v=2.2.2#simple-line-icons') format('svg');
13 Use the following CSS code if you want to have a class per icon.
14 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
37 .icon-options-vertical,
43 .icon-arrow-up-circle,
44 .icon-arrow-left-circle,
45 .icon-arrow-right-circle,
46 .icon-arrow-down-circle,
52 .icon-screen-smartphone,
72 .icon-game-controller,
76 .icon-envelope-letter,
117 .icon-size-fullscreen,
132 .icon-music-tone-alt,
140 .icon-control-rewind,
143 .icon-control-forward,
155 .icon-cloud-download,
168 .icon-magnifier-remove,
182 .icon-social-twitter,
183 .icon-social-facebook,
184 .icon-social-instagram,
185 .icon-social-linkedin,
186 .icon-social-pinterest,
191 .icon-social-dribbble,
192 .icon-social-behance,
193 .icon-social-foursqare,
194 .icon-social-soundcloud,
195 .icon-social-spotify,
196 .icon-social-stumbleupon,
197 .icon-social-youtube,
198 .icon-social-dropbox {
199 font-family: 'simple-line-icons';
203 font-variant: normal;
204 text-transform: none;
206 /* Better Font Rendering =========== */
207 -webkit-font-smoothing: antialiased;
208 -moz-osx-font-smoothing: grayscale;
213 .icon-people:before {
216 .icon-user-female:before {
219 .icon-user-follow:before {
222 .icon-user-following:before {
225 .icon-user-unfollow:before {
231 .icon-logout:before {
234 .icon-emotsmile:before {
240 .icon-call-end:before {
243 .icon-call-in:before {
246 .icon-call-out:before {
252 .icon-location-pin:before {
255 .icon-direction:before {
258 .icon-directions:before {
261 .icon-compass:before {
264 .icon-layers:before {
273 .icon-options-vertical:before {
276 .icon-options:before {
279 .icon-arrow-down:before {
282 .icon-arrow-left:before {
285 .icon-arrow-right:before {
288 .icon-arrow-up:before {
291 .icon-arrow-up-circle:before {
294 .icon-arrow-left-circle:before {
297 .icon-arrow-right-circle:before {
300 .icon-arrow-down-circle:before {
315 .icon-trophy:before {
318 .icon-screen-smartphone:before {
321 .icon-screen-desktop:before {
327 .icon-notebook:before {
330 .icon-mustache:before {
336 .icon-magnet:before {
339 .icon-energy:before {
345 .icon-cursor:before {
348 .icon-cursor-move:before {
354 .icon-chemistry:before {
357 .icon-speedometer:before {
360 .icon-shield:before {
363 .icon-screen-tablet:before {
366 .icon-magic-wand:before {
369 .icon-hourglass:before {
372 .icon-graduation:before {
378 .icon-game-controller:before {
384 .icon-eyeglass:before {
387 .icon-envelope-open:before {
390 .icon-envelope-letter:before {
399 .icon-anchor:before {
402 .icon-wallet:before {
405 .icon-vector:before {
408 .icon-speech:before {
411 .icon-puzzle:before {
414 .icon-printer:before {
417 .icon-present:before {
420 .icon-playlist:before {
426 .icon-picture:before {
429 .icon-handbag:before {
432 .icon-globe-alt:before {
438 .icon-folder-alt:before {
441 .icon-folder:before {
453 .icon-drawar:before {
462 .icon-diamond:before {
468 .icon-calculator:before {
471 .icon-bubbles:before {
474 .icon-briefcase:before {
477 .icon-book-open:before {
480 .icon-basket-loaded:before {
483 .icon-basket:before {
489 .icon-action-undo:before {
492 .icon-action-redo:before {
495 .icon-wrench:before {
498 .icon-umbrella:before {
507 .icon-support:before {
513 .icon-size-fullscreen:before {
516 .icon-size-actual:before {
519 .icon-shuffle:before {
522 .icon-share-alt:before {
528 .icon-rocket:before {
531 .icon-question:before {
534 .icon-pie-chart:before {
537 .icon-pencil:before {
555 .icon-microphone:before {
558 .icon-music-tone-alt:before {
561 .icon-music-tone:before {
564 .icon-earphones-alt:before {
567 .icon-earphones:before {
570 .icon-equalizer:before {
576 .icon-dislike:before {
579 .icon-control-start:before {
582 .icon-control-rewind:before {
585 .icon-control-play:before {
588 .icon-control-pause:before {
591 .icon-control-forward:before {
594 .icon-control-end:before {
597 .icon-volume-1:before {
600 .icon-volume-2:before {
603 .icon-volume-off:before {
606 .icon-calendar:before {
618 .icon-bubble:before {
621 .icon-camrecorder:before {
624 .icon-camera:before {
627 .icon-cloud-download:before {
630 .icon-cloud-upload:before {
633 .icon-envelope:before {
657 .icon-lock-open:before {
660 .icon-magnifier:before {
663 .icon-magnifier-add:before {
666 .icon-magnifier-remove:before {
669 .icon-paper-clip:before {
672 .icon-paper-plane:before {
678 .icon-refresh:before {
681 .icon-reload:before {
684 .icon-settings:before {
690 .icon-symble-female:before {
693 .icon-symbol-male:before {
696 .icon-target:before {
699 .icon-credit-card:before {
702 .icon-paypal:before {
705 .icon-social-tumblr:before {
708 .icon-social-twitter:before {
711 .icon-social-facebook:before {
714 .icon-social-instagram:before {
717 .icon-social-linkedin:before {
720 .icon-social-pinterest:before {
723 .icon-social-github:before {
726 .icon-social-gplus:before {
729 .icon-social-reddit:before {
732 .icon-social-skype:before {
735 .icon-social-dribbble:before {
738 .icon-social-behance:before {
741 .icon-social-foursqare:before {
744 .icon-social-soundcloud:before {
747 .icon-social-spotify:before {
750 .icon-social-stumbleupon:before {
753 .icon-social-youtube:before {
756 .icon-social-dropbox:before {