Proste piękne ikony z ikon Feather. Kliknij na ikonkę, aby skopiować jej nazwę.

Dokumentacja ikon Feather



<i class="icon icon-xxs">
  {call include_icon icon="feather/home"}
</i>
<i class="icon icon-xxs">
  {call include_icon icon="feather/file"}
</i>
<i class="icon icon-xxs">
  {call include_icon icon="feather/user"}
</i>
<i class="icon icon-xxs">
  {call include_icon icon="feather/layout"}
</i>
<i class="icon icon-xxs">
  {call include_icon icon="feather/briefcase"}
</i>



Kolory

Kolor ikony można zmienić za pomocą standardowych narzędzi Bootstrap.

<i class="icon icon-xs text-default mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-xs text-danger mb-2 mr-4">
  {call include_icon icon="feather/home"}
</i>
<i class="icon icon-xs text-muted mb-2 mr-4">
  {call include_icon icon="feather/file"}
</i>
<i class="icon icon-xs text-success mb-2 mr-4">
  {call include_icon icon="feather/layout"}
</i>
<i class="icon icon-xs text-warning mb-2 mr-4">
  {call include_icon icon="feather/briefcase"}
</i>



Rozmiary

Użyj standardowych klas modyfikatorów Bootstrap, aby zmienić rozmiar ikon.

<i class="icon icon-xl mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-lg mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-md mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-sm mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-xs mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-xxs mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-xxxs mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>
<i class="icon icon-xxxxs mb-2 mr-4">
  {call include_icon icon="feather/shopping-cart"}
</i>