Weblium дает возможность добавлять иконки из подключенных к редактору сервисов ( Icons8 и Noun Project ), а также загружать собственные. 

Для того, чтобы настроить иконки, добавьте блок с соответствующим компонентом. Либо добавьте один из следующих элементов в готовый блок: 



Для изменения иконки кликните на нее, а во всплывающем окошке нажмите на "Change icon":



Откроется новое окно, где вы сможете подобрать иконку в разделах Noun Project и Icons8:



Если вы хотите загрузить собственную иконку, то зайдите во вкладку My icons. Вы можете использовать два способа загрузки иконки: Upload кнопку (позволяет выбрать файл на своем компьютере) или зону Upload your SVG icons, куда вы можете просто перетащить файл:  



Важно: Свои иконки могут быть загружены только в формате SVG. Максимальный размер - 10 кБ. 

Изменение фона и цвета иконок

Вы можете изменить фон собственной иконки. 

Важно: эта опция не доступна в элементе Small icon list:



Наведите на нужную иконку, и у вас появится кнопка изменения фона: 



Нажмите на неё, чтобы выбрать подходящий вариант - None (без фона), Color (цвет) и Image (картинка):  



Также вы можете изменить цвет иконки, если она взята с  Noun Project или Icons8. Для этого нажмите на нужную иконку и кликните на "Icon color"



В этом меню вы можете выбрать один из предложенных цветов или подобрать подходящий из палетки: 



Готово!
Была ли эта статья полезна?
отменить
Спасибо!