Как изменить цвет значка для значков значков

Question

Я загрузил несколько значков от icomoom, но цвета фона значков - черные и белые. Я хочу дать свой собственный цвет. Может ли любое тело рассказать мне, как это сделать?

Когда я скачал значок, я получил следующее style.css

@font-face { 
    font-family: 'icomoon'; 
    src:url('fonts/icomoon.eot?-haa506'); 
    src:url('fonts/icomoon.eot?#iefix-haa506') format('embedded-opentype'), 
     url('fonts/icomoon.woff?-haa506') format('woff'), 
     url('fonts/icomoon.ttf?-haa506') format('truetype'), 
     url('fonts/icomoon.svg?-haa506#icomoon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

[class^="icon-"], [class*=" icon-"] { 
    font-family: 'icomoon'; 
    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-home:before { 
    content: "\e600"; 
} 
.icon-images:before { 
    content: "\e601"; 
} 
.icon-pawn:before { 
    content: "\e602"; 
} 

Answer 1

Пиктограммы следует рассматривать как текст.

Если вы примените к ним цвет. они изменят свой цвет.

Пример:

.icon-pawn { color: red; } 

Answer 2

мне пришлось использовать :: после псевдо элемента.

.icon-pawn::after { color: red; }

Я не уверен, если это свойственно моему проекту, хотя, как я работаю на небольших изменениях в чужом коде.