fontawesome css

HTML

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" >

<div class="howdoesitwork">

<ul>
<li>
  bullet point 1
</li>
<li>
  bullet point 2</li>
  <li>bullet point 3</li>
  <li>bullet point 4</li>
  <li>bullet point 5</li>
</ul>
</div>

CSS

.howdoesitwork ul {
  list-style-type: none;
}

.howdoesitwork li:nth-child(1)::before {    
    font-family: 'Font Awesome 5 Brands';
    content: '\f41b';
    margin:0 5px 0 -25px;
    color: black;
    font-size: 20px;
}

.howdoesitwork li:nth-child(3)::before {    
    font-family: 'Font Awesome 5 Brands';
    content: '\f20e';
    margin:0 5px 0 -25px;
    color: black;
    font-size: 20px;
}
.howdoesitwork li:nth-child(5)::before {    
    font-family: 'Font Awesome 5 Free';
    content: '\f107';
    margin:0 5px 0 -25px;
    color: black;
    font-size: 20px;font-weight:900;
}