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