Icons

For duo-color icons we use Vivid Icons set.



Colors

<span class="icon text-primary"><svg /></span>
<span class="icon text-success"><svg /></span>
<span class="icon text-danger"><svg /></span>

Feather icons

<i class="fe fe-clock"></i>

Combining icons

Lorem, ipsum.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Read more

Lorem, ipsum.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Read more

Lorem, ipsum.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Read more
<div class="row">
   <div class="col-lg-4">
     <span class="text-primary"><svg ...></span>
     <h3 class="my-3">Lorem, ipsum.</h3>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
     <a href="#" class="btn btn-sm btn-success">
       Read more
       <i class="fe fe-arrow-right ml-2"></i>
     </a>
   </div>
   <div class="col-lg-4">
     <span class="text-success"><svg ...></span>
     <h3 class="my-3">Lorem, ipsum.</h3>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
     <a href="#" class="btn btn-sm btn-success">
       Read more
       <i class="fe fe-arrow-right ml-2"></i>
     </a>
   </div>
   <div class="col-lg-4">
     <span class="text-danger"><svg ...></span>
     <h3 class="my-3">Lorem, ipsum.</h3>
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
     <a href="#" class="btn btn-sm btn-danger">
       Read more
       <i class="fe fe-arrow-right ml-2"></i>
     </a>
  </div>
</div>