how do I change color of FA icon using React? Nothing worked for me.

Thank you.

>Solution :

You can use color props in Fontawesome component. like below

import React from 'react'
    import {
      FontAwesomeIcon
    } from '@fortawesome/react-fontawesome'
    
    export const Showcase = () => ( <
      div >
      <
      FontAwesomeIcon icon = {
        ['fab', 'apple']
      }
      /> <
      FontAwesomeIcon icon = {
        ['fab', 'microsoft']
      }
      /> <
      FontAwesomeIcon icon = {
        ['fab', 'google']
      }
      />
    
      <FontAwesomeIcon icon = "check-square"   color="green"/ >
      With Coffee Checked, these companies always know their coffee is hot and ready!
      <
      /div>
    )