SVG ikony - instrukcja do szablonu "Ahead"

Ta instrukcja również dotyczy szablonów graficznych Flow, Vogue i Pipeline!

Nasz szablon graficzny zawiera zestaw ikon SVG z możliwością łatwej zmiany ich koloru i rozmiaru. Kliknij ikonę, aby skopiować jej nazwę.


<i class="icon">
 
  {call include_icon icon="stockholm/Clothes/Brassiere"}

</i>

Kolory

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


<i class="icon text-primary mr-2">
 
  {call include_icon icon="stockholm/Communication/Chat#5"}

</i>

<i class="icon text-success mr-2">
 
  {call include_icon icon="stockholm/General/Duplicate"}

</i>

<i class="icon text-body">
 
  {call include_icon icon="stockholm/Files/Pictures#1"}

</i>

Rozmiary

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


<i class="icon icon-xl text-primary mr-2">
 
  {call include_icon icon="stockholm/Communication/Chat#5"}

</i>

<i class="icon icon-lg text-primary mr-2">
 
  {call include_icon icon="stockholm/Communication/Chat#5"}

</i>

<div class="icon text-primary mr-2">
 
  {call include_icon icon="stockholm/Communication/Chat#5"}

</div>

<i class="icon icon-sm text-primary mr-2">
 
  {call include_icon icon="stockholm/Communication/Chat#5"}

</i>

<i class="icon icon-xs text-primary">
 
  {call include_icon icon="stockholm/Communication/Chat#5"}

</i>