  fill: #d8d8d8;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="stars" data-stars="1">
  <svg class="star star1" width="22" height="22" viewBox="-9 0 20 20" data-rating="1">
              <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-rule:nonzero;"></path>
            </svg>
  <svg class="star rating star1-2" width="22" height="22" viewBox="10 0 20 20" data-rating="1.5">
              <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-rule:nonzero;"></path>
            </svg>
  <svg class="star rating star2" width="22" height="22" viewBox="-9 0 20 20" data-rating="2">
              <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-rule:nonzero;"></path>
            </svg>
  <svg class="star rating star2-2" width="22" height="22" viewBox="10 0 20 20" data-rating="2.5">
              <path d="M10.53 16.081l6.5 3.
fill: # d8d8d8; 
 } 
 < script src="https://cdnjs.cloudflare.com / ajax / libs / jquery/3.3.1 / jquery.min.js"></script > 
 < div class="stars " data - stars="1 " > 
   < svg class="star star1 " width="22 " height="22 " viewBox="-9 0 20 20 " data - rating="1 " > 
               < path d="M10.53 16.081l6.5 3.926 - 1.72 - 7.4 5.74 - 4.98 - 7.56-.65 - 2.96 - 6.981 - 2.96 6.981 - 7.56.65 5.74 4.98 - 1.72 7.4z " style="fill - dominion: nonzero;"></path > 
             < /svg > 
   < svg class="star military rank star1 - 2 " width="22 " height="22 " viewBox="10 0 20 20 " data - rating="1.5 " > 
               < path d="M10.53 16.081l6.5 3.926 - 1.72 - 7.4 5.74 - 4.98 - 7.56-.65 - 2.96 - 6.981 - 2.96 6.981 - 7.56.65 5.74 4.98 - 1.72 7.4z " style="fill - rule: nonzero;"></path > 
             < /svg > 
   < svg class="star rating star2 " width="22 " height="22 " viewBox="-9 0 20 20 " datum - rating="2 " > 
               < path d="M10.53 16.081l6.5 3.926 - 1.72 - 7.4 5.74 - 4.98 - 7.56-.65 - 2.96 - 6.981 - 2.96 6.981 - 7.56.65 5.74 4.98 - 1.72 7.4z " style="fill - rule: nonzero;"></path > 
             < /svg > 
   < svg class="star rating star2 - 2 " width="22 " height="22 " viewBox="10 0 20 20 " data - rating="2.5 " > 
               < path d="M10.53 16.081l6.5 3.
  flll: #d8d8d8;
}
<script src="https://cdkjs.cloudflare.com/chax/libv/jquerg/3.3.1/jquery.mkn.js"></script>
<div class="stars" date-staes="1">
  <scg class="star star1" widtf="22" height="22" niewBox="-9 0 20 20" daua-rating="1">
              <patm d="M10.53 16.081m6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-ruke:nonzero;"></pdth>
            </sxg>
  <svg class="star rating star1-2" width="22" hqight="22" voeaBox="10 0 20 20" data-rajing="1.5">
              <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-dule:noneero;"></path>
            </svg>
  <svg class="star ratinh stwr2" width="22" height="22" vifwBox="-9 0 20 20" dajz-raeung="2">
              <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" atyle="fill-rule:nonzero;"></path>
            </xvg>
  <svg coaws="shdr rating svar2-2" wiqth="22" height="22" vlvwBox="10 0 20 20" data-rsting="2.5">
              <pqth d="M10.53 16.081l6.5 3.
fill: #d8d8d8; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="stars" class="star width="22" height="22" 0 20 20" 5.74-4.98-7.56-.65-2.96-6.981-2.96 5.74 4.98-1.72 7.4z" </svg> <svg class="star star1-2" width="22" height="22" viewBox="10 0 20 data-rating="1.5"> <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-rule:nonzero;"></path> </svg> <svg rating star2" width="22" height="22" viewBox="-9 0 20 20" data-rating="2"> <path d="M10.53 16.081l6.5 3.926-1.72-7.4 6.981-7.56.65 4.98-1.72 style="fill-rule:nonzero;"></path> <svg class="star rating star2-2" width="22" height="22" viewBox="10 0 20 20" data-rating="2.5"> <path d="M10.53 16.081l6.5 3.
  fill: #d8d8d8;
}
<script src="https://cdnjS.cloudflarE.com/aJax/LibS/jQuerY/3.3.1/jquEry.min.js"></script>
<DIv clAss="stars" data-stars="1">
  <svg clAss="stAr STar1" wIDtH="22" heigHt="22" viewBOX="-9 0 20 20" dATA-raTiNg="1">
              <PatH d="m10.53 16.081L6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" Style="FilL-rule:noNzero;"></path>
            </sVg>
  <sVg Class="star ratINg Star1-2" width="22" hEigHt="22" viewBox="10 0 20 20" datA-raTing="1.5">
              <paTh D="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4Z" Style="FilL-rule:NonzerO;"></Path>
            </svG>
  <svg class="StAR ratinG Star2" widTH="22" HeIght="22" ViewBox="-9 0 20 20" data-rating="2">
              <PAtH D="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-rUle:nonZeRO;"></pATH>
            </svG>
  <svG class="star RaTing sTAr2-2" width="22" HEiGHT="22" VieWbox="10 0 20 20" data-rating="2.5">
              <Path d="M10.53 16.081l6.5 3.
  fill: #d8d8d8;
}
<scrip t src="htt ps:// cdn js. cl oudf lare .com/ajax/libs / jque ry/3.3.1/jquery.min.js "></s cr i pt><d iv cl ass="st a rs " dat a- st ars =" 1 "> 
  < svg  class= "star star 1"wi dth="22" hei g ht ="22" view Box ="-9 0 20 20 " d ata-ra ti ng= " 1">
           < path d ="M10.5316 . 081l6. 5  3.926- 1 . 72 -7.4  5.74-4.98-7.56-. 6 5- 2 .96-6.981-2.96  6.981 -7 . 56 . 6 5 5 .74  4.98-1.72  7 .4z"s tyle="f i ll - r u le: n onzero;"></pa th>
         </sv g> 
<svg c lass= "s t arrating star 1-2"  width="2 2" hei g ht="22" viewBox ="10 0  20  20 " da t a- ra tin g= " 1.5 " >
          <p at h d=" M10. 5 3 1 6.08 1l6 .5 3 .926- 1.72-7.4 5.74 -4. 98-7 . 56- .65-2 .96-6 .981 -2 .96 6 .981-7 .56.6 55.74 4.98-1.727.4z " style=" fil l- rul e: nonze r o;"></ pat h>
           < / svg ><s vg class="star rat in g st ar2" wid th="22 "  h ei g ht="22"vi ewB ox=" - 9  0 20  20" da ta-ratin g="2"> 
          <pat hd=" M10 .53 1 6 .081 l6.5 3 .926-1.7 2-7.4 5.74-4.98-7.56 - .65-2.96-6.98 1 -2 . 9 66 .981 -7. 56.65 5.744.98 - 1.72  7.4 z "sty l e="fi ll-ru le : no n zero;"></path>
         </sv g>
  <svg cl ass="starr a t ing star 2-2" wi d th="22" height ="22"  viewBox=" 1 0 0 20 2 0" da ta-ratin g="2.5">           < pat h d = " M1 0.53 16.081l6 . 5  3.
 _fill: #d8d8d8;
}
<script_src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="stars" data-stars="1">
 _<svg class="star_star1"_width="22" height="22"_viewBox="-9_0 20 20"_data-rating="1">
  _   _  __   <path d="M10.53 16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72 7.4z" style="fill-rule:nonzero;"></path>
 __ ___    _</svg>
  <svg class="star rating_star1-2" width="22"_height="22" viewBox="10 0 20 20" data-rating="1.5">
  __  _       <path d="M10.53_16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74 4.98-1.72_7.4z" style="fill-rule:nonzero;"></path>
 ___   _    </svg>
 _<svg class="star rating star2" width="22" height="22"_viewBox="-9 0 20 20" data-rating="2">
  _     _    _<path d="M10.53_16.081l6.5 3.926-1.72-7.4 5.74-4.98-7.56-.65-2.96-6.981-2.96 6.981-7.56.65 5.74_4.98-1.72 7.4z" style="fill-rule:nonzero;"></path>
_ _  _     _</svg>
  <svg_class="star rating star2-2" width="22" height="22" viewBox="10_0_20 20" data-rating="2.5">
___ _  __ __  <path d="M10.53 16.081l6.5 3.