Как пользоваться Icons8: найти и скачать иконки в одном стиле

Icons8 целиком работает в браузере, поэтому инструкция подойдёт и для Windows, и для Mac, и для Linux. Отдельный раздел в конце — про редактор Lunacy: его ставят на компьютер те, кто собирает макеты и не хочет скачивать картинки по одной.

Откройте сайт и найдите значок

Введите адрес Icons8 в браузере. На главной странице есть поле поиска: напишите в нём английское слово, которое описывает предмет или действие. «Cart» для корзины, «download» для скачивания, «headphones» для наушников.

Поиск подсказывает близкие по смыслу значки, так что точное слово знать необязательно. Если ищете что-то редкое, попробуйте общее понятие: вместо «термокружка» — «cup», вместо «накладная» — «invoice».

Выберите один стиль на весь проект

Это главный шаг, от которого зависит, будет ли результат выглядеть аккуратно. У Icons8 один и тот же значок обычно нарисован в нескольких манерах — тонкими линиями, плотной заливкой, цветной плоской картинкой. На странице иконки видно, какие варианты есть.

Решите, что подходит проекту, и дальше берите значки только в этом стиле. Правило простое: контурные иконки — для строгих сайтов и интерфейсов, залитые — для мелких элементов и кнопок, цветные плоские — для презентаций и учебных материалов.

Войдите в аккаунт

Смотреть библиотеку можно без регистрации, а скачивать — нет. Создайте аккаунт по электронной почте или войдите через Google. На почту придёт письмо подтверждения; если его нет через пару минут, проверьте папку со спамом.

Настройте цвет и размер

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

С размером не экономьте. Для слайда или документа берите 256 или 512 пикселей: уменьшить картинку потом можно без потерь, а увеличить — нельзя, она станет мутной. Какие размеры доступны без подписки, сервис показывает в том же окне.

Скачайте PNG или SVG

Выбор формата зависит от того, куда пойдёт значок:

• PNG — для презентаций, документов, писем и постов. Фон прозрачный, значок встанет поверх любого цвета слайда.
• SVG — для сайтов и печати. Файл векторный: остаётся резким в любом размере, весит мало и перекрашивается стилями страницы.
• Крупный PNG — если значок пойдёт на печатный плакат, а векторный формат по какой-то причине недоступен.

Скачивайте всё в отдельную папку проекта и переименовывайте файлы по смыслу: «ikonka-dostavka», а не набор цифр из имени по умолчанию.

Скопируйте указание автора

Бесплатное использование требует подписи с упоминанием сервиса. Готовую строку Icons8 показывает в окне скачивания — скопируйте её сразу, потому что потом восстановить её по файлу будет сложно.

Ставят такую подпись мелким шрифтом: на сайте — в подвал страницы, в презентации — на последний слайд, в видео — в титры. Если подпись в проекте невозможна, нужна подписка: она снимает это требование.

Используйте иллюстрации и 3D-картинки

Кроме значков у Icons8 есть разделы с крупными иллюстрациями и объёмными картинками. Они живут по тем же правилам: выбираете набор, скачиваете PNG с прозрачным фоном или векторный файл, указываете автора. Иллюстрацию обычно ставят на главный экран сайта, на обложку презентации или на пустой экран приложения, где ещё нет данных.

Поставьте Lunacy, если собираете макеты

Lunacy — бесплатная программа Icons8 для Windows, macOS и Linux, в которой рисуют макеты сайтов и приложений. Скачайте установщик с официального сайта, запустите и войдите в тот же аккаунт. Внутри редактора иконки, иллюстрации и фотографии ищутся прямо в боковой панели и перетаскиваются в макет — скачивать файлы по одному не нужно.

Готово: вы знаете, как найти значок, выдержать единый стиль, скачать нужный формат, оформить подпись автора и подключить библиотеку к редактору макетов.

Если что-то пошло не так