JSFiddle - React, Tailwind, and code Playground

by lmoroz

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<form action="">
  <input id="one" name="check" type="radio" value="1" checked>
  <label for="one">
    <i class="fa fa-check opacity" aria-hidden="true"> </i>
    Первый
  </label> <br>
  <input id="two" name="check" type="radio" type="radio" value="2">
  <label for="two">
    <i class="fa fa-check opacity" aria-hidden="true"></i> 
    Второй
  </label>
</form>

CSS

label i.fa {visibility: hidden}
input[type=radio] {display: none;}
input[type=radio]:checked + label>i.fa {
  visibility: visible;
}