@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?bpkkt1'); src: url('fonts/icomoon.eot?bpkkt1#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?bpkkt1') format('truetype'), url('fonts/icomoon.woff?bpkkt1') format('woff'), url('fonts/icomoon.svg?bpkkt1#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-1 .path1:before { content: "\e93a"; color: rgb(255, 255, 255); } .icon-1 .path2:before { content: "\e93b"; margin-left: -1em; color: rgb(238, 238, 238); } .icon-1 .path3:before { content: "\e93c"; margin-left: -1em; color: rgb(58, 71, 80); } .icon-1 .path4:before { content: "\e93d"; margin-left: -1em; color: rgb(58, 71, 80); } .icon-1 .path5:before { content: "\e93e"; margin-left: -1em; color: rgb(58, 71, 80); } .icon-1 .path6:before { content: "\e93f"; margin-left: -1em; color: rgb(58, 71, 80); }