title: How to change Icon colour for iconmoon icons
body: <p>I have downloaded some icons from <a href="http://icomoon.io/app/#/select/font" rel="nofollow">icomoom</a> but the icon background colours are black and white.I want to give my own colour.Can any body please tell me how to do?</p>
  
  <p>When I downloaded the icon ,I got the following style.css</p>
  
  <pre><code>@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";
  }
  </code></pre>