text: Q:
  
  Dar color a stacked icons en FontAwesome
  
  como podria darle color a los iconos de forma independiente, quiero que el corazon sea de color amarillo y el circulo de color rojo, pero no me da. Traté con color pero tampoco
  Gracias por leer
  
  .fa-circle {
    background: red;
  }
  
  .fa-heart{
  background: yellow;
  }
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  
  <span class="fa-stack fa-2x">
    <i class="fas fa-circle fa-stack-2x"></i>
    <i class="far fa-heart fa-stack-1x fa-inverse"></i>
  </span>
  
  A:
  
  Si usas before puedes aplicar tanto background como color. Prueba:
  .fa-circle:before {
      background: red;
      color: blue;
  }
  
  .fa-heart:before {
      background: yellow;
      color: blue;
  }
  
  A mi me quedó así: 
  
  