// Default Variables $simple-line-font-path : "../fonts/" !default; $simple-line-font-family : "Simple-Line-Icons" !default; $simple-line-icon-prefix : "icon-" !default; // Fonts @if $simple-line-font-family == "Simple-Line-Icons" { @font-face { font-family: 'Simple-Line-Icons'; src: url('#{$simple-line-font-path}Simple-Line-Icons.eot'); src: url('#{$simple-line-font-path}Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('#{$simple-line-font-path}Simple-Line-Icons.woff') format('woff'), url('#{$simple-line-font-path}Simple-Line-Icons.ttf') format('truetype'), url('#{$simple-line-font-path}Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; } } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: '#{$simple-line-font-family}'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .#{$simple-line-icon-prefix} { &user-female, &user-follow, &user-following, &user-unfollow, &trophy, &screen-smartphone, &screen-desktop, &plane, ¬ebook, &moustache, &mouse, &magnet, &energy, &emoticon-smile, &disc, &cursor-move, &crop, &credit-card, &chemistry, &user, &speedometer, &social-youtube, &social-twitter, &social-tumblr, &social-facebook, &social-dropbox, &social-dribbble, &shield, &screen-tablet, &magic-wand, &hourglass, &graduation, &ghost, &game-controller, &fire, &eyeglasses, &envelope-open, &envelope-letter, &bell, &badge, &anchor, &wallet, &vector, &speech, &puzzle, &printer, &present, &playlist, &pin, &picture, &map, &layers, &handbag, &globe-alt, &globe, &frame, &folder-alt, &film, &feed, &earphones-alt, &earphones, &drop, &drawer, &docs, &directions, &direction, &diamond, &cup, &compass, &call-out, &call-in, &call-end, &calculator, &bubbles, &briefcase, &book-open, &basket-loaded, &basket, &bag, &action-undo, &action-redo, &wrench, &umbrella, &trash, &tag, &support, &size-fullscreen, &size-actual, &shuffle, &share-alt, &share, &rocket, &question, &pie-chart, &pencil, ¬e, &music-tone-alt, &music-tone, µphone, &loop, &logout, &login, &list, &like, &home, &grid, &graph, &equalizer, &dislike, &cursor, &control-start, &control-rewind, &control-play, &control-pause, &control-forward, &control-end, &calendar, &bulb, &bar-chart, &arrow-up, &arrow-right, &arrow-left, &arrow-down, &ban, &bubble, &camcorder, &camera, &check, &clock, &close, &cloud-download, &cloud-upload, &doc, &envelope, &eye, &flag, &folder, &heart, &info, &key, &link, &lock, &lock-open, &magnifier, &magnifier-add, &magnifier-remove, &paper-clip, &paper-plane, &plus, &pointer, &power, &refresh, &reload, &settings, &star, &symbol-female, &symbol-male, &target, &volume-1, &volume-2, &volume-off, &users { font-family: '#{$simple-line-font-family}'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } } .#{$simple-line-icon-prefix}user-female:before {content: "\e000"; } .#{$simple-line-icon-prefix}user-follow:before {content: "\e002"; } .#{$simple-line-icon-prefix}user-following:before {content: "\e003"; } .#{$simple-line-icon-prefix}user-unfollow:before {content: "\e004"; } .#{$simple-line-icon-prefix}trophy:before {content: "\e006"; } .#{$simple-line-icon-prefix}screen-smartphone:before {content: "\e010"; } .#{$simple-line-icon-prefix}screen-desktop:before {content: "\e011"; } .#{$simple-line-icon-prefix}plane:before {content: "\e012"; } .#{$simple-line-icon-prefix}notebook:before {content: "\e013"; } .#{$simple-line-icon-prefix}moustache:before {content: "\e014"; } .#{$simple-line-icon-prefix}mouse:before {content: "\e015"; } .#{$simple-line-icon-prefix}magnet:before {content: "\e016"; } .#{$simple-line-icon-prefix}energy:before {content: "\e020"; } .#{$simple-line-icon-prefix}emoticon-smile:before {content: "\e021"; } .#{$simple-line-icon-prefix}disc:before {content: "\e022"; } .#{$simple-line-icon-prefix}cursor-move:before {content: "\e023"; } .#{$simple-line-icon-prefix}crop:before {content: "\e024"; } .#{$simple-line-icon-prefix}credit-card:before {content: "\e025"; } .#{$simple-line-icon-prefix}chemistry:before {content: "\e026"; } .#{$simple-line-icon-prefix}user:before {content: "\e005"; } .#{$simple-line-icon-prefix}speedometer:before {content: "\e007"; } .#{$simple-line-icon-prefix}social-youtube:before {content: "\e008"; } .#{$simple-line-icon-prefix}social-twitter:before {content: "\e009"; } .#{$simple-line-icon-prefix}social-tumblr:before {content: "\e00a"; } .#{$simple-line-icon-prefix}social-facebook:before {content: "\e00b"; } .#{$simple-line-icon-prefix}social-dropbox:before {content: "\e00c"; } .#{$simple-line-icon-prefix}social-dribbble:before {content: "\e00d"; } .#{$simple-line-icon-prefix}shield:before {content: "\e00e"; } .#{$simple-line-icon-prefix}screen-tablet:before {content: "\e00f"; } .#{$simple-line-icon-prefix}magic-wand:before {content: "\e017"; } .#{$simple-line-icon-prefix}hourglass:before {content: "\e018"; } .#{$simple-line-icon-prefix}graduation:before {content: "\e019"; } .#{$simple-line-icon-prefix}ghost:before {content: "\e01a"; } .#{$simple-line-icon-prefix}game-controller:before {content: "\e01b"; } .#{$simple-line-icon-prefix}fire:before {content: "\e01c"; } .#{$simple-line-icon-prefix}eyeglasses:before {content: "\e01d"; } .#{$simple-line-icon-prefix}envelope-open:before {content: "\e01e"; } .#{$simple-line-icon-prefix}envelope-letter:before {content: "\e01f"; } .#{$simple-line-icon-prefix}bell:before {content: "\e027"; } .#{$simple-line-icon-prefix}badge:before {content: "\e028"; } .#{$simple-line-icon-prefix}anchor:before {content: "\e029"; } .#{$simple-line-icon-prefix}wallet:before {content: "\e02a"; } .#{$simple-line-icon-prefix}vector:before {content: "\e02b"; } .#{$simple-line-icon-prefix}speech:before {content: "\e02c"; } .#{$simple-line-icon-prefix}puzzle:before {content: "\e02d"; } .#{$simple-line-icon-prefix}printer:before {content: "\e02e"; } .#{$simple-line-icon-prefix}present:before {content: "\e02f"; } .#{$simple-line-icon-prefix}playlist:before {content: "\e030"; } .#{$simple-line-icon-prefix}pin:before {content: "\e031"; } .#{$simple-line-icon-prefix}picture:before {content: "\e032"; } .#{$simple-line-icon-prefix}map:before {content: "\e033"; } .#{$simple-line-icon-prefix}layers:before {content: "\e034"; } .#{$simple-line-icon-prefix}handbag:before {content: "\e035"; } .#{$simple-line-icon-prefix}globe-alt:before {content: "\e036"; } .#{$simple-line-icon-prefix}globe:before {content: "\e037"; } .#{$simple-line-icon-prefix}frame:before {content: "\e038"; } .#{$simple-line-icon-prefix}folder-alt:before {content: "\e039"; } .#{$simple-line-icon-prefix}film:before {content: "\e03a"; } .#{$simple-line-icon-prefix}feed:before {content: "\e03b"; } .#{$simple-line-icon-prefix}earphones-alt:before {content: "\e03c"; } .#{$simple-line-icon-prefix}earphones:before {content: "\e03d"; } .#{$simple-line-icon-prefix}drop:before {content: "\e03e"; } .#{$simple-line-icon-prefix}drawer:before {content: "\e03f"; } .#{$simple-line-icon-prefix}docs:before {content: "\e040"; } .#{$simple-line-icon-prefix}directions:before {content: "\e041"; } .#{$simple-line-icon-prefix}direction:before {content: "\e042"; } .#{$simple-line-icon-prefix}diamond:before {content: "\e043"; } .#{$simple-line-icon-prefix}cup:before {content: "\e044"; } .#{$simple-line-icon-prefix}compass:before {content: "\e045"; } .#{$simple-line-icon-prefix}call-out:before {content: "\e046"; } .#{$simple-line-icon-prefix}call-in:before {content: "\e047"; } .#{$simple-line-icon-prefix}call-end:before {content: "\e048"; } .#{$simple-line-icon-prefix}calculator:before {content: "\e049"; } .#{$simple-line-icon-prefix}bubbles:before {content: "\e04a"; } .#{$simple-line-icon-prefix}briefcase:before {content: "\e04b"; } .#{$simple-line-icon-prefix}book-open:before {content: "\e04c"; } .#{$simple-line-icon-prefix}basket-loaded:before {content: "\e04d"; } .#{$simple-line-icon-prefix}basket:before {content: "\e04e"; } .#{$simple-line-icon-prefix}bag:before {content: "\e04f"; } .#{$simple-line-icon-prefix}action-undo:before {content: "\e050"; } .#{$simple-line-icon-prefix}action-redo:before {content: "\e051"; } .#{$simple-line-icon-prefix}wrench:before {content: "\e052"; } .#{$simple-line-icon-prefix}umbrella:before {content: "\e053"; } .#{$simple-line-icon-prefix}trash:before {content: "\e054"; } .#{$simple-line-icon-prefix}tag:before {content: "\e055"; } .#{$simple-line-icon-prefix}support:before {content: "\e056"; } .#{$simple-line-icon-prefix}size-fullscreen:before {content: "\e057"; } .#{$simple-line-icon-prefix}size-actual:before {content: "\e058"; } .#{$simple-line-icon-prefix}shuffle:before {content: "\e059"; } .#{$simple-line-icon-prefix}share-alt:before {content: "\e05a"; } .#{$simple-line-icon-prefix}share:before {content: "\e05b"; } .#{$simple-line-icon-prefix}rocket:before {content: "\e05c"; } .#{$simple-line-icon-prefix}question:before {content: "\e05d"; } .#{$simple-line-icon-prefix}pie-chart:before {content: "\e05e"; } .#{$simple-line-icon-prefix}pencil:before {content: "\e05f"; } .#{$simple-line-icon-prefix}note:before {content: "\e060"; } .#{$simple-line-icon-prefix}music-tone-alt:before {content: "\e061"; } .#{$simple-line-icon-prefix}music-tone:before {content: "\e062"; } .#{$simple-line-icon-prefix}microphone:before {content: "\e063"; } .#{$simple-line-icon-prefix}loop:before {content: "\e064"; } .#{$simple-line-icon-prefix}logout:before {content: "\e065"; } .#{$simple-line-icon-prefix}login:before {content: "\e066"; } .#{$simple-line-icon-prefix}list:before {content: "\e067"; } .#{$simple-line-icon-prefix}like:before {content: "\e068"; } .#{$simple-line-icon-prefix}home:before {content: "\e069"; } .#{$simple-line-icon-prefix}grid:before {content: "\e06a"; } .#{$simple-line-icon-prefix}graph:before {content: "\e06b"; } .#{$simple-line-icon-prefix}equalizer:before {content: "\e06c"; } .#{$simple-line-icon-prefix}dislike:before {content: "\e06d"; } .#{$simple-line-icon-prefix}cursor:before {content: "\e06e"; } .#{$simple-line-icon-prefix}control-start:before {content: "\e06f"; } .#{$simple-line-icon-prefix}control-rewind:before {content: "\e070"; } .#{$simple-line-icon-prefix}control-play:before {content: "\e071"; } .#{$simple-line-icon-prefix}control-pause:before {content: "\e072"; } .#{$simple-line-icon-prefix}control-forward:before {content: "\e073"; } .#{$simple-line-icon-prefix}control-end:before {content: "\e074"; } .#{$simple-line-icon-prefix}calendar:before {content: "\e075"; } .#{$simple-line-icon-prefix}bulb:before {content: "\e076"; } .#{$simple-line-icon-prefix}bar-chart:before {content: "\e077"; } .#{$simple-line-icon-prefix}arrow-up:before {content: "\e078"; } .#{$simple-line-icon-prefix}arrow-right:before {content: "\e079"; } .#{$simple-line-icon-prefix}arrow-left:before {content: "\e07a"; } .#{$simple-line-icon-prefix}arrow-down:before {content: "\e07b"; } .#{$simple-line-icon-prefix}ban:before {content: "\e07c"; } .#{$simple-line-icon-prefix}bubble:before {content: "\e07d"; } .#{$simple-line-icon-prefix}camcorder:before {content: "\e07e"; } .#{$simple-line-icon-prefix}camera:before {content: "\e07f"; } .#{$simple-line-icon-prefix}check:before {content: "\e080"; } .#{$simple-line-icon-prefix}clock:before {content: "\e081"; } .#{$simple-line-icon-prefix}close:before {content: "\e082"; } .#{$simple-line-icon-prefix}cloud-download:before {content: "\e083"; } .#{$simple-line-icon-prefix}cloud-upload:before {content: "\e084"; } .#{$simple-line-icon-prefix}doc:before {content: "\e085"; } .#{$simple-line-icon-prefix}envelope:before {content: "\e086"; } .#{$simple-line-icon-prefix}eye:before {content: "\e087"; } .#{$simple-line-icon-prefix}flag:before {content: "\e088"; } .#{$simple-line-icon-prefix}folder:before {content: "\e089"; } .#{$simple-line-icon-prefix}heart:before {content: "\e08a"; } .#{$simple-line-icon-prefix}info:before {content: "\e08b"; } .#{$simple-line-icon-prefix}key:before {content: "\e08c"; } .#{$simple-line-icon-prefix}link:before {content: "\e08d"; } .#{$simple-line-icon-prefix}lock:before {content: "\e08e"; } .#{$simple-line-icon-prefix}lock-open:before {content: "\e08f"; } .#{$simple-line-icon-prefix}magnifier:before {content: "\e090"; } .#{$simple-line-icon-prefix}magnifier-add:before {content: "\e091"; } .#{$simple-line-icon-prefix}magnifier-remove:before {content: "\e092"; } .#{$simple-line-icon-prefix}paper-clip:before {content: "\e093"; } .#{$simple-line-icon-prefix}paper-plane:before {content: "\e094"; } .#{$simple-line-icon-prefix}plus:before {content: "\e095"; } .#{$simple-line-icon-prefix}pointer:before {content: "\e096"; } .#{$simple-line-icon-prefix}power:before {content: "\e097"; } .#{$simple-line-icon-prefix}refresh:before {content: "\e098"; } .#{$simple-line-icon-prefix}reload:before {content: "\e099"; } .#{$simple-line-icon-prefix}settings:before {content: "\e09a"; } .#{$simple-line-icon-prefix}star:before {content: "\e09b"; } .#{$simple-line-icon-prefix}symbol-female:before {content: "\e09c"; } .#{$simple-line-icon-prefix}symbol-male:before {content: "\e09d"; } .#{$simple-line-icon-prefix}target:before {content: "\e09e"; } .#{$simple-line-icon-prefix}volume-1:before {content: "\e09f"; } .#{$simple-line-icon-prefix}volume-2:before {content: "\e0a0"; } .#{$simple-line-icon-prefix}volume-off:before {content: "\e0a1"; } .#{$simple-line-icon-prefix}users:before {content: "\e001"; }