JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<h1>Шеф попросил рейтинг со звёздами</h1>
<h2>Две звезды</h2>
<div class="rating-stars">
  <span class="fa fa-star"></span>
  <span class="fa fa-star"></span>
</div>
<h2>Три звезды</h2>
<div class="rating-stars">
  <span class="fa fa-star"></span>
  <span class="fa fa-star"></span>
  <span class="fa fa-star"></span>
</div>

CSS

.rating-stars > span {
    color: orange;
}