@font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* 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-"]:before { */ .icon-x:before, .icon-cog:before, .icon-x-full:before, .icon-bubbles:before, .icon-bubble:before, .icon-plus:before, .icon-arrow-down:before, .icon-arrow-up:before, .icon-record:before, .icon-owner:before, .icon-make-owner:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-x:before { content: "\274c"; } .icon-cog:before { content: "\2699"; } .icon-x-full:before { content: "\274e"; } .icon-bubbles:before { content: "\25c9"; } .icon-bubble:before { content: "\25ef"; } .icon-plus:before { content: "\271a"; } .icon-arrow-down:before { content: "\25be"; } .icon-arrow-up:before { content: "\25b4"; } .icon-record:before { content: "\25cf"; } .icon-owner:before { content: "\260d"; padding-left: 1px; } .icon-make-owner:before { content: "\e000"; }