Caymer

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
  
  <body>
    
    <div>
  <h2>Lista con FontAwesome</h2>
    <ul class="fa-ul">
        <li><i class="fa-li fa fa-check"></i>Una lista con iconos</li>
      <li><i class="fa-li fa-solid fa-check-square"></i>puede ser usada</li>
      <li><i class="fa-li fa-solid fa-magnifying-glass"></i>para reemplazar</li>
      <li><i class="fa-li fa-solid fa-spinner fa-pulse"></i>las viñetas normales</li>
      <li><i class="fa-li fa-regular fa-square"></i>en listas</li>
        </ul>
 
  </div>
</body>
</html>

body {
  background: #222;
  color: #fff;
  font-family: sans-serif;
}
div {
width: 800px;
margin: 0 auto;
padding: 0 50px;
}
.fa,
.fa-solid,
.fa-regular,
h2 {
  color: #08ffa3;
}
h2 {
  font-size: 40px;
  }
ul {
  line-height: 34px;
  font-size: 20px;
}

Codepen Embed