SVG-иконка

Виджет SVG Icon позволяет добавить на страницу иконку в формате SVG.

В отличие от обычного изображения, цвет иконки можно менять прямо в виджете — нет необходимости использовать для этого графический редактор. Это помогает быстро адаптировать иконки под общий стиль сайта.

Как добавить SVG-иконку на страницу

Добавьте виджет SVG Icon на холст: перетащите его из панели Элементов или просто кликните по нему.

При добавлении на холст виджет содержит системную иконку.

Загрузите свою иконку:

Дважды кликните на элементе SVG Icon на холсте или используйте настройки на правой панели → кнопка Заменить иконку. В левой панели откроется вкладка Ресурсы.

Дважды кликните на иконку

Или нажмите кнопку Заменить иконку на правой панели

Выберите загруженную иконку из списка или загрузите новую, нажав кнопку Загрузить.

Подробнее о загрузке изображений —

Вкладка Ресурсы: Файловое хранилище

Виджет работает только с файлами в формате SVG, обычные изображения в форматах JPG или PNG в него загрузить нельзя.

Стили SGV-иконки

Как изменить цвет у SVG-иконки

На правой панели перейдите на вкладку Дизайн.

Пролистайте до раздела Цвет иконки и выберите нужный цвет.

Готово! Цвет иконки сразу изменился.

Другие опции дизайна у SVG-иконки

Также для SVG Icon можно настроить размеры, авто-лейаут, позиционирование и другие свойства на вкладке Дизайн.