Используем стандартные иконки ELMA365 в виджете "Код"

Хочу поделиться с вами небольшим лайфхаком, который позволит использовать в виджете "Код" стандартные иконки ELMA365

Достаточно всего лишь написать такую HTML-разметку:

HTML:

<i class="elma-icons">people_carry</i>

где people_carry - код иконки.

Коды иконок можно посмотреть при помощи инструментов разработчика, вот как это сделать:
1. Найти интересующую иконку
2. Кликнуть по иконке правой кнопкой мыши
3. В диалоговом окне нажать "Просмотреть код элемента"
4. Скопировать код иконки, который будет находиться внутри тега <i>

А вот так можно использовать иконки (смотри скриншот), я применил ее в заголовке страницы с активностями.
Пример кода:

HTML:

<div class="icon-wrapper"><
    i class="elma-icons">people_carry</i>
    <span style="margin: 0 10px">Мои активности</span>
</div>
<style>
    .icon-wrapper {
        display: flex
    }
</style>

Еще больше полезной информации в ТГ канале WhatDaELMA365

Шпаргалка с иконками и их кодами