LOADING

Back to elements

avatar

Feather Icon Use

Stroke

<i class="stroke-orange" data-feather="heart"></i>
<i class="stroke-dark-orange" data-feather="heart"></i>
<i class="stroke-green" data-feather="heart"></i>
<i class="stroke-blue" data-feather="heart"></i>
<i class="stroke-danger" data-feather="heart"></i>
<i class="stroke-success" data-feather="heart"></i>
<i class="stroke-title" data-feather="heart"></i>

Fill

<i class="fill-orange" data-feather="heart"></i>
<i class="fill-dark-orange" data-feather="heart"></i>
<i class="fill-green" data-feather="heart"></i>
<i class="fill-blue" data-feather="heart"></i>
<i class="fill-danger" data-feather="heart"></i>
<i class="fill-success" data-feather="heart"></i>
<i class="fill-title" data-feather="heart"></i>

Fill & Stroke

<i class="fill-white-light stroke-danger" data-feather="heart"></i>
<i class="fill-gray-light" data-feather="heart"></i>
<i class="fill-purple stroke-dark-orange" data-feather="heart"></i>
<i class="fill-orange stroke-yellow" data-feather="heart"></i>
<i class="fill-danger stroke-white-light" data-feather="heart"></i>

Theme Icons Use

shop shop shop shop
<img src="assets/images/icon/shop.png"></img>
<img src="assets/images/icon/fig-d.svg"></img>
<img src="assets/images/icon/vegi.png"></img>
<img src="assets/images/icon/vegi.png"></img>