title: How to change color of fontawesome icons in modular css React
body: <p>This is folder structure of <code>&lt;MessageHeader /&gt;</code> component.</p>
  
  <pre><code>import React, { Component } from 'react';
  import style from '../css/MessageHeader.css';
  import { fa, fa_question } from '../icons/icons';
  
      class MessageHeader extends Component {
          render(){
              return(
  
                  &lt;div className={style.container}&gt;
                      &lt;span className={[fa, fa_question].join(' ')} /&gt;
                  &lt;/div&gt;
              );
          }
      }
  
      export default MessageHeader;
  </code></pre>
  
  <p>This is icons.js file</p>
  
  <pre><code>import fontAwesome from 'font-awesome/css/font-awesome.css';
  
  const { fa, 'fa-question':fa_question } = fontAwesome;
  
  export {
      fa,
      fa_question
  }
  </code></pre>
  
  <p><strong>Now I want to add this:</strong></p>
  
  <pre><code>.fa-question {
      color: white
    }
  </code></pre>
  
  <p>How do I do it . Please Help I am new to react ecosystem.</p>