Аккаунт Setka Иконки

Иконки

Зачем нужны иконки?

Иконки помогают визуально выделить блок текста, обозначить цитату или, например, графически показать, что в статье идет речь о ресторане, магазине, аэропорте и т.д. Выбирая иконки для нового стиля, постарайтесь добавить те, которые сочетаются с фирменными цветами вашего издания.

 

Как добавить свою иконку?

Существует два способа загрузки иконок:

  • с компьютера;
  • из онлайн-библиотеки Noun Project

 

Загрузка иконок с компьютера

Чтобы добавить одну или несколько новых иконок, нажмите на кнопку Select files to upload в разделе Icons, затем выберите и загрузите нужные файлы. Нажмите Save, чтобы сохранить изменения. Иконка, которую вы добавили, появится в секции Icons:

Adding-Icons-from-Computer-Setka-Content-Design-System-Manager.png

 

Загрузка иконок из онлайн-библиотеки Noun Project

Нажмите Add icons from library. Наберите ключевое слово для поиска иконки, затем, кликните на подходящую иконку. Измените цвет* вашей иконки, нажав на кружок с цветом.

Одну и ту же иконку можно добавить в нескольких цветах – нажмите Add color. Когда нужные цвета выбраны, выберите Add – иконка добавится к вашему стилю и отобразится слева во вкладке Icons.

Для доступа ко всем иконкам библиотеки Noun Project нужно зарегистрироваться на сайте thenounproject.com и приобрести лицензию. Вы можете скачать иконки бесплатно, однако требуется упоминать создателя. Подробнее на сайте Noun Project.

 

* Цвет некоторых иконок из библиотеки нельзя поменять

Adding-Icons-from-Library-Setka-Content-Design-System-Manager.png

 

Помимо предустановленных иконок и иконок, которые вы добавили, при создании стиля вы можете вставить спецсимволы. 

 

Какой формат файла и размер мне лучше выбрать?

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

Рекомендуемый размер иконок – не более 256 px по любой стороне. Этот размер равен высоте строки с максимально крупным шрифтом. Количество иконок также не ограничено. 

Вы можете узнать, как использовать загруженные иконки в редакторе Setka Post Editor, из этой статьи.