Como definir cores nos ícones do Font Awesome 5.x?

Não consigo colorir os ícones do Font Awesome 5 usando esses códigos. eu tenteifill propriedade css para definir cores, mas não funcionou.

Código HTML:

<div class="container mt200 icons">
  <div class="col-md-3">
    <div class="bggray2 text-center">
      <i class="fas fa-microphone fa-5x"></i>
      <div class="title">LOREM</div>
      <div class="text">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.</div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="bggray2 text-center">
      <i class="far fa-edit fa-5x"></i>
      <div class="title">LOREM</div>
      <div class="text">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
      </div>
    </div>
  </div>
</div>

Código CSS:

.icons i {
  color: #2759AE;
}

questionAnswers(3)

yourAnswerToTheQuestion