Icons in a List
List with icons provided by Font Awesome.
Usage
Use .fa-ul and .fa-li to replace default bullets in unordered lists.
- List icons can
- be used to
- replace bullets
- in lists
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square"></i></span>be used to</li>
<li><span class="fa-li"><i class="far fa-arrow-alt-circle-right"></i></span>replace bullets</li>
<li><span class="fa-li"><i class="far fa-square"></i></span>in lists</li>
</ul>
Sizes
Add .fa-xs, .fa-sm, .fa-lg,
.fa-2x, .fa-3x, .fa-5x,
.fa-7x or .fa-10x to control the icons size.
- List icons can
- List icons can
- List icons can
- List icons can
- List icons can
- List icons can
- List icons can
- List icons can
- List icons can
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-check-square fa-lg"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square fa-lg"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square fa-lg"></i></span>List icons can</li>
</ul>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square"></i></span>List icons can</li>
</ul>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fas fa-check-square fa-sm"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square fa-sm"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fas fa-check-square fa-sm"></i></span>List icons can</li>
</ul>