Font Awesome 5 Icons
<ul class="fa-icons">
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Address book" tabindex="-1"><i class="fas fa-address-book"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Address book Regular" tabindex="-1"><i class="far fa-address-book"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Address card" tabindex="-1"><i class="fas fa-address-card"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Address book Regular" tabindex="-1"><i class="far fa-address-card"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angular Double Down" tabindex="-1"><i class="fas fa-angle-double-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angular Double left" aria-describedby="tooltip218516" tabindex="-1"><i
class="fas fa-angle-double-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angular Double right" aria-describedby="tooltip490161" tabindex="-1"><i
class="fas fa-angle-double-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angular Double up" aria-describedby="tooltip184909" tabindex="-1"><i
class="fas fa-angle-double-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angle down" aria-describedby="tooltip157853" tabindex="-1"><i
class="fas fa-angle-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angle left" aria-describedby="tooltip356807" tabindex="-1"><i
class="fas fa-angle-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angle right" aria-describedby="tooltip947747" tabindex="-1"><i
class="fas fa-angle-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Angle up" aria-describedby="tooltip270545" tabindex="-1"><i
class="fas fa-angle-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt circle left" aria-describedby="tooltip984614" tabindex="-1"><i
class="fas fa-arrow-alt-circle-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt circle left regular" aria-describedby="tooltip570192" tabindex="-1"><i
class="far fa-arrow-alt-circle-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt circle right" aria-describedby="tooltip451810" tabindex="-1"><i
class="fas fa-arrow-alt-circle-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt circle right regular" tabindex="-1"><i
class="far fa-arrow-alt-circle-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt circle up" aria-describedby="tooltip831795" tabindex="-1"><i
class="fas fa-arrow-alt-circle-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt circle up regular" aria-describedby="tooltip635256" tabindex="-1"><i
class="far fa-arrow-alt-circle-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow circle down" aria-describedby="tooltip690358" tabindex="-1"><i
class="fas fa-arrow-circle-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow circle left" aria-describedby="tooltip204508" tabindex="-1"><i
class="fas fa-arrow-circle-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow circle right" aria-describedby="tooltip124089" tabindex="-1"><i
class="fas fa-arrow-circle-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow circle up" aria-describedby="tooltip158847" tabindex="-1"><i
class="fas fa-arrow-circle-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow down" aria-describedby="tooltip407709" tabindex="-1"><i
class="fas fa-arrow-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow left" aria-describedby="tooltip861213" tabindex="-1"><i
class="fas fa-arrow-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow right" aria-describedby="tooltip168899" tabindex="-1"><i
class="fas fa-arrow-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow up" aria-describedby="tooltip117652" tabindex="-1"><i
class="fas fa-arrow-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt" aria-describedby="tooltip47282" tabindex="-1"><i
class="fas fa-arrows-alt"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt H" aria-describedby="tooltip171117" tabindex="-1"><i
class="fas fa-arrows-alt-h"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Arrow alt V" aria-describedby="tooltip63960" tabindex="-1"><i
class="fas fa-arrows-alt-v"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar" aria-describedby="tooltip337984" tabindex="-1"><i
class="fas fa-calendar"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar" aria-describedby="tooltip530023" tabindex="-1"><i
class="fas fa-calendar"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar Regular" aria-describedby="tooltip769724" tabindex="-1"><i
class="far fa-calendar"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar Alt" aria-describedby="tooltip177244" tabindex="-1"><i
class="fas fa-calendar-alt"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar Alt Regular" aria-describedby="tooltip782454" tabindex="-1"><i
class="far fa-calendar-alt"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar Alt" aria-describedby="tooltip249798" tabindex="-1"><i
class="fas fa-calendar-check"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar Alt Regular" aria-describedby="tooltip95431" tabindex="-1"><i
class="far fa-calendar-check"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Calendar Day" aria-describedby="tooltip997266" tabindex="-1"><i
class="far fa-calendar-day"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret down" aria-describedby="tooltip357104" tabindex="-1"><i
class="fas fa-caret-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret left" aria-describedby="tooltip275725" tabindex="-1"><i
class="fas fa-caret-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret right" tabindex="-1"><i class="fas fa-caret-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square down" aria-describedby="tooltip500136" tabindex="-1"><i
class="fas fa-caret-square-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square down Regular" aria-describedby="tooltip936369" tabindex="-1"><i
class="far fa-caret-square-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square left" aria-describedby="tooltip571652" tabindex="-1"><i
class="fas fa-caret-square-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square left Regular" aria-describedby="tooltip362699" tabindex="-1"><i
class="far fa-caret-square-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square right" aria-describedby="tooltip131067" tabindex="-1"><i
class="fas fa-caret-square-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square right Regular" aria-describedby="tooltip177948" tabindex="-1"><i
class="far fa-caret-square-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square up" aria-describedby="tooltip289258" tabindex="-1"><i
class="fas fa-caret-square-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret square up Regular" aria-describedby="tooltip410993" tabindex="-1"><i
class="far fa-caret-square-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Caret up" aria-describedby="tooltip883139" tabindex="-1"><i
class="fas fa-caret-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chart area" aria-describedby="tooltip732239" tabindex="-1"><i
class="fas fa-chart-area"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chart bar" aria-describedby="tooltip815395" tabindex="-1"><i
class="fas fa-chart-bar"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chart bar Regular" aria-describedby="tooltip435109" tabindex="-1"><i
class="far fa-chart-bar"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chart line" aria-describedby="tooltip876691" tabindex="-1"><i
class="fas fa-chart-line"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chart pie" aria-describedby="tooltip403913" tabindex="-1"><i
class="fas fa-chart-pie"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Check" aria-describedby="tooltip554872" tabindex="-1"><i class="fas fa-check"></i></a>
</li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Check circle" aria-describedby="tooltip364801" tabindex="-1"><i
class="fas fa-check-circle"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Check circle Regular" aria-describedby="tooltip63730" tabindex="-1"><i
class="far fa-check-circle"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Check Double" aria-describedby="tooltip508217" tabindex="-1"><i
class="fas fa-check-double"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Check square" aria-describedby="tooltip182718" tabindex="-1"><i
class="fas fa-check-square"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Check square Regular" aria-describedby="tooltip776673" tabindex="-1"><i
class="far fa-check-square"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron circle down" aria-describedby="tooltip52334" tabindex="-1"><i
class="fas fa-chevron-circle-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron circle left" aria-describedby="tooltip367849" tabindex="-1"><i
class="fas fa-chevron-circle-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron circle right" aria-describedby="tooltip360303" tabindex="-1"><i
class="fas fa-chevron-circle-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron circle up" aria-describedby="tooltip809416" tabindex="-1"><i
class="fas fa-chevron-circle-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron down" aria-describedby="tooltip716277" tabindex="-1"><i
class="fas fa-chevron-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron left" aria-describedby="tooltip565489" tabindex="-1"><i
class="fas fa-chevron-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron right" aria-describedby="tooltip735350" tabindex="-1"><i
class="fas fa-chevron-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Chevron up" tabindex="-1"><i class="fas fa-chevron-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Clock" tabindex="-1"><i class="fas fa-clock"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Clock Regular" aria-describedby="tooltip784336" tabindex="-1"><i
class="far fa-clock"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Envelope" aria-describedby="tooltip520693" tabindex="-1"><i
class="fas fa-envelope"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="Envelope Regular" aria-describedby="tooltip849485" tabindex="-1"><i
class="far fa-envelope"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="List" aria-describedby="tooltip837795" tabindex="-1"><i class="fas fa-list"></i></a>
</li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="List alt" aria-describedby="tooltip323559" tabindex="-1"><i
class="fas fa-list-alt"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="List alt Regular" aria-describedby="tooltip874833" tabindex="-1"><i
class="far fa-list-alt"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="List order" aria-describedby="tooltip384661" tabindex="-1"><i
class="fas fa-list-ol"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="List unorder" aria-describedby="tooltip349910" tabindex="-1"><i
class="fas fa-list-ul"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="long arrow down" tabindex="-1"><i class="fas fa-long-arrow-alt-down"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="long arrow left" aria-describedby="tooltip787598" tabindex="-1"><i
class="fas fa-long-arrow-alt-left"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="long arrow right" aria-describedby="tooltip10845" tabindex="-1"><i
class="fas fa-long-arrow-alt-right"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="long arrow up" aria-describedby="tooltip807019" tabindex="-1"><i
class="fas fa-long-arrow-alt-up"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="times" aria-describedby="tooltip305854" tabindex="-1"><i class="fas fa-times"></i></a>
</li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="times" aria-describedby="tooltip645272" tabindex="-1"><i
class="fas fa-times-circle"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="times regular" aria-describedby="tooltip933853" tabindex="-1"><i
class="far fa-times-circle"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="user" aria-describedby="tooltip911807" tabindex="-1"><i class="fas fa-user"></i></a>
</li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="user regular" aria-describedby="tooltip220817" tabindex="-1"><i
class="far fa-user"></i></a></li>
<li data-once="openLeftBehavior"><a href="#" data-toggle="tooltip" data-placement="top" title=""
data-original-title="user alt" aria-describedby="tooltip879382" tabindex="-1"><i
class="fas fa-user-alt"></i></a></li>
</ul> Social Icons
<div class="col-12 col-sm-6 col-md-6 col-lg-2">
<h2>[1/6]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet sem ac dolor blandit molestie. Phasellus
dictum nulla volutpat semper accumsan. Proin feugiat sed tellus sit amet tincidunt.</p>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-2">
<h2>[1/6]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet sem ac dolor blandit molestie. Phasellus
dictum nulla volutpat semper accumsan. Proin feugiat sed tellus sit amet tincidunt.</p>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-2">
<h2>[1/6]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet sem ac dolor blandit molestie. Phasellus
dictum nulla volutpat semper accumsan. Proin feugiat sed tellus sit amet tincidunt.</p>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-2">
<h2>[1/6]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet sem ac dolor blandit molestie. Phasellus
dictum nulla volutpat semper accumsan. Proin feugiat sed tellus sit amet tincidunt.</p>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-2">
<h2>[1/6]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet sem ac dolor blandit molestie. Phasellus
dictum nulla volutpat semper accumsan. Proin feugiat sed tellus sit amet tincidunt.</p>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-2">
<h2>[1/6]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet sem ac dolor blandit molestie. Phasellus
dictum nulla volutpat semper accumsan. Proin feugiat sed tellus sit amet tincidunt.</p>
</div>