Icons

Набор иконок от Google Material Symbols.

Вызов иконки в элементе

Через класс icon и названием иконки взятом с сайта Material Symbols

<i class="icon">search</i>

Вызов иконки в mixin

.element {
  @include icon($zui-24,$primary,$bold);
}

Вызов иконки в псевдоэлементах

.element {

  &::before {
    content: 'search';
    @include icon($zui-24,$primary,$bold);
  }

  &::after {
    content: 'close';
    @include icon($zui-24,$primary,$bold);
  }
}

$zui-24 - размер иконки
$primary - цвет иконки
$bold - насыщенность иконки
search - название иконки