span circle

if you don't use react-icons ,

.dot {
  height: 25px;
  width: 25px;
  background-color: blue;
  border-radius: 50%;
  display: inline-block;
}

<span class="dot"></span>

react-icons

if you want use react-icons
https://react-icons.github.io/icons?name=md

active

<tr>
   <td>
     <span className="dot"></span>
   </td>
</tr>
<tr>
   <td>
     <span className="dot_active"></span>
   </td>
</tr>


.dot {
  height: 20px;
  width: 20px;
  border: $black_border;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
}

.dot_active {
  height: 20px;
  width: 20px;
  border: $black_border;
  background-color: blue;
  border-radius: 50%;
  display: inline-block;
}