@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 */ [class^="icon-"]:before, [class*=" icon-"]:before, .icon-after:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } [class^="icon-"].icon-after:before, [class*=" icon-"].icon-after:before { display: none; content: ''; } .icon-x:before, .icon-x.icon-after:after { content: "\274c"; } .icon-cog:before, .icon-cog.icon-after:after { content: "\2699"; } .icon-x-full:before, .icon-x-full.icon-after:after { content: "\274e"; } .icon-bubbles:before, .icon-bubbles.icon-after:after { content: "\25c9"; } .icon-bubble:before, .icon-bubble.icon-after:after { content: "\25ef"; } .icon-plus:before, .icon-plus.icon-after:after { content: "\271a"; } .icon-arrow-down:before, .icon-arrow-down.icon-after:after { content: "\25be"; } .icon-arrow-up:before, .icon-arrow-up.icon-after:after { content: "\25b4"; } .icon-record:before, .icon-record.icon-after:after { content: "\25cf"; } .icon-owner:before, .icon-owner.icon-after:after { content: "\260d"; padding-left: 1px; } .icon-make-owner:before, .icon-make-owner.icon-after:after { content: "\e000"; } .icon-exit:before, .icon-exit.icon-after:after { content: "\279e"; }