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