SVG иконки

Ahead only

В нашей теме дизайна представлен набор svg иконок с возможностью легко изменить их цвет и размер. Нажмите на иконку, чтобы скировать её название.

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

Цвета

Изменить цвет иконки можно при помощи стандартных текстов утилит 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>

Размеры

Используйте стандартные классы-модификаторы Bootstrap для изменения размера иконок.

      
<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>

Начало работы

Компоненты

Иконки

Готовые блоки

Готовые страницы

Плагины и приложения

JS Плагины

Дополнительные и глобальные параметры

Остальное

SVG иконки

Цвета

Размеры

Перейти