$flaticon-font: "flaticon"; @font-face { font-family: $flaticon-font; src: url("./fonts/Flaticon.ttf?fed325219c39afc02d372e888d57d844") format("truetype"), url("./fonts/Flaticon.woff?fed325219c39afc02d372e888d57d844") format("woff"), url("./fonts/Flaticon.woff2?fed325219c39afc02d372e888d57d844") format("woff2"), url("./fonts/Flaticon.eot?fed325219c39afc02d372e888d57d844#iefix") format("embedded-opentype"), url("./fonts/Flaticon.svg?fed325219c39afc02d372e888d57d844#flaticon") format("svg"); } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("./fonts/Flaticon.svg#Flaticon") format("svg"); } } .fi:before{ font-family: flaticon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } $flaticon-map: ( "edit": "\f101", "gear": "\f102", "user": "\f103", "trash": "\f104", "search": "\f105", "target": "\f106", "pdf": "\f107", "excel": "\f108", "printer": "\f109", "book": "\f10a", "eye": "\f10b", "chemical": "\f10c", "raw-material": "\f10d", "accessory": "\f10e", "carton-box": "\f10f", "cross": "\f110", "check": "\f111", "disabled": "\f112", "information": "\f113", "like": "\f114", "crown": "\f115", ); .flaticon-edit:before { content: map-get($flaticon-map, "edit"); } .flaticon-gear:before { content: map-get($flaticon-map, "gear"); } .flaticon-user:before { content: map-get($flaticon-map, "user"); } .flaticon-trash:before { content: map-get($flaticon-map, "trash"); } .flaticon-search:before { content: map-get($flaticon-map, "search"); } .flaticon-target:before { content: map-get($flaticon-map, "target"); } .flaticon-pdf:before { content: map-get($flaticon-map, "pdf"); } .flaticon-excel:before { content: map-get($flaticon-map, "excel"); } .flaticon-printer:before { content: map-get($flaticon-map, "printer"); } .flaticon-book:before { content: map-get($flaticon-map, "book"); } .flaticon-eye:before { content: map-get($flaticon-map, "eye"); } .flaticon-chemical:before { content: map-get($flaticon-map, "chemical"); } .flaticon-raw-material:before { content: map-get($flaticon-map, "raw-material"); } .flaticon-accessory:before { content: map-get($flaticon-map, "accessory"); } .flaticon-carton-box:before { content: map-get($flaticon-map, "carton-box"); } .flaticon-cross:before { content: map-get($flaticon-map, "cross"); } .flaticon-check:before { content: map-get($flaticon-map, "check"); } .flaticon-disabled:before { content: map-get($flaticon-map, "disabled"); } .flaticon-information:before { content: map-get($flaticon-map, "information"); } .flaticon-like:before { content: map-get($flaticon-map, "like"); } .flaticon-crown:before { content: map-get($flaticon-map, "crown"); }