<!-- Use tvcico class to automatically select the correct font awesome weight for core icons -->
<div class="clearfix">
    <i class="tvcico fa-times"></i>
    <i class="tvcico fa-plus"></i>
    <i class="tvcico fa-arrow-left"></i>
    <i class="tvcico fa-arrow-right"></i>
    <i class="tvcico fa-calendar"></i>
    <i class="tvcico fa-eye"></i>
    <i class="tvcico fa-eye-slash"></i>
    <i class="tvcico fa-star-o"></i>
    <i class="tvcico fa-star"></i>
    <i class="tvcico fa-envelope"></i>
    <i class="tvcico fa-chevron-left"></i>
    <i class="tvcico fa-chevron-double-left"></i>
    <i class="tvcico fa-chevron-double-right"></i>
    <i class="tvcico fa-chevron-right"></i>

    <i class="tvcico fa-facebook"></i>
    <i class="tvcico fa-twitter"></i>
    <i class="tvcico fa-instagram"></i>
    <i class="tvcico fa-youtube"></i>

    <i class="tvcico fa-calendar-day"></i>
    <i class="tvcico fa-map-marker-check"></i>
    <i class="tvcico fa-usd-circle"></i>
    <i class="tvcico fa-child"></i>
</div>

<!-- Or Use Font Awesome Base Classes -->
<div class="clearfix">
    <i class="fal fa-times"></i>
    <i class="fal fa-plus"></i>
    <i class="fal fa-arrow-left"></i>
    <i class="fal fa-arrow-right"></i>
    <i class="fa fa-calendar"></i>
    <i class="fa fa-eye"></i>
    <i class="fas fa-eye-slash"></i>
    <i class="fa fa-star-o"></i>
    <i class="fa fa-star"></i>
    <i class="fa fa-envelope"></i>
    <i class="fa fa-chevron-left"></i>
    <i class="fa fa-chevron-double-left"></i>
    <i class="fa fa-chevron-double-right"></i>
    <i class="fa fa-chevron-right"></i>

    <i class="fa fa-facebook"></i>
    <i class="fa fa-twitter"></i>
    <i class="fa fa-instagram"></i>
    <i class="fa fa-youtube"></i>

    <i class="far fa-calendar-day"></i>
    <i class="far fa-map-marker-check"></i>
    <i class="far fa-usd-circle"></i>
    <i class="fa fa-child"></i>
</div>

<i class="fa fa-square"></i>
<i class="fa fa-circle"></i>

<i class="fa fa-square fa-2x"></i>
<i class="fa fa-circle fa-2x"></i>