Подборки

Бесплатные иконки для презентаций: 10 ресурсов

От простой стрелки до мексиканского сомбреро
Где искать иконки для презентаций

При подготовке презентации не обойтись без иконок. Небольшие и понятные изображения помогают в навигации, позволяют упорядочить и структурировать информацию. А если у них общий стиль, слайды выглядят стильно и аккуратно. В статье дадим несколько советов, как подобрать иконки для презентации и поделимся источниками пиктограмм для ваших рабочих и учебных проектов.

Минималистичные — подходят для разных тем и навигации по слайдам Tilda icons

Noun Project

Streamline

IcoFont

Google Fonts

Яркие и необычные — помогают выстроить визуальный стиль презентации Icons8

Flaticon

Иконки Чикина

Уникальные — решают проблему шаблонности Нейросети

Эмодзи

Какие иконки выбрать и как их разместить

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

Основной принцип при выборе иконок — они должны облегчать восприятие слайда, а не усложнять его. Например, для списка подойдет копия одной и той же пиктограммы, а для таймлайна — стрелки. Важно не переборщить с количеством иконок — достаточно 4-5 на слайд. 

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

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

Как выровнять иконки
Слева иконки в разных стилях, сами изображения слились с текстом. Справа иконки облегчают восприятие терминов, картинки стоят ровно относительно друг друга и высоты строк
Слайд с иконками
В сложной верстке слайда иконки одного стиля тоже не сливаются с текстом и другими элементами

Если есть выбор, стоит выбирать иконки в векторных форматах, которые можно отредактировать. Оптимальный вариант — SVG. Такой файл легко перекрасить в PowerPoint или Figma, изменить толщину линий или размер без потери в качестве.

В Google Slides редактируемые файлы SVG не поддерживаются. Если вы работаете в этом сервисе, можете предварительно изменить иконку в Figma или сразу скачивать обычные растровые картинки — PNG.

Иконки в формате PNG можно перекрасить в Photoshop или аналогичных графических редакторах. Но качество при этом может ухудшиться. Иногда можно встретить пиктограммы в формате PSD, где каждый элемент представлен на отдельном слое файла. Такие иконки откроются только в Photoshop, но их удастся редактировать более гибко.

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

Tilda icons

Сайт: https://tilda.cc/ru/free-icons/ 

Tilda Publishing — популярный конструктор сайтов. Разработчики расширяют его функционал, а также создают обучающий контент, ведут вебинары. В базе материалов для дизайнеров есть 700+ иконок, которые можно использовать как на лендинге, так и в презентации. 

Стиль. Минималистичные контурные иконки с прозрачным фоном. 

Пример иконок для презентации Tilda icons
Иконки с ракетой, письмом и даже графиком работы можно добавить в любой проект. Источник

Для чего подходит. Универсальные иконки можно встроить в презентацию на тему бизнеса, образования, спорта и ЗОЖ, фотографии. Некоторые из представленных наборов хорошо подойдут для докладов на конференции или в вуз.

Как загрузить. Нажать кнопку «Скачать сет», чтобы получить архив с SVG-файлами.

Noun Project

Сайт: https://thenounproject.com/icons/ 

Сервис, на котором дизайнеры из 150 стран мира публикуют фотографии и иконки. Noun Project собирает символы для межкультурной коммуникации с 2010 года — среди всех вариантов картинок точно есть подходящая для презентации.

Стиль. Минималистичные контурные иконки. В отдельных коллекциях множество деталей на каждом изображении, есть заливка.

Пример иконок для презентации Noun Project
Детализированные картинки со скрипичным ключом или выступлением на трибуне станет акцентом слайда. Источник

Для чего подходит. На ресурсе сотни необычных и универсальных иконок на тему космоса, природы, науки, творчества. Изображения с людьми, лампочками, графиками подойдут для любого выступления. Упростить слайды помогут наборы:

  • Organization Icon Set — базовые иконки для корпоративных презентаций;
  • Donation and Charity Icon Set — набор для благотворительных организаций, но актуален для любых тем, связанных с финансами;
  • Artificial Intelligence Icon Set — пиктограммы с роботами на тему искусственного интеллекта.

Как загрузить. Выбрать коллекцию по теме и нажать «Attribution required». Можно скачать иконку как файл SVG или PNG.

Streamline

Сайт: https://www.streamlinehq.com

Сервис создает энциклопедию иконок в разных стилях с 2012 года, которая пополняется на сайте и в плагине для Figma. Дизайнеры уделяют особое внимание формам и сглаживанию линий, а также продумывают дальнейшее использование картинок в коммерческих проектах.

Стиль. Однотонные и цветные иконки с контуром и без. На один объект дизайнеры предлагают сразу несколько вариантов. Например, карандаш может быть острым или сглаженным, только с контуром или с заливкой и прорисованным в деталях.

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

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

  • Flex Flat — иконки в универсальном стиле флэт-дизайн, то есть с плоской заливкой;
  • Cyber Duotone — строгие и стильные монохромные иконки;
  • Pixel —  пиктограммы в стиле пиксель-арт, имитирующие графику в старых интерфейсах.

Как загрузить. Выбрать иконку по ссылке и нажать Download в правой части экрана. Бесплатно доступен только PNG. При активации подписки можно работать с файлами SVG, JSX.

IcoFont

Сайт: https://icofont.com

Разработчики IcoFont создали конструктор сайтов и планировщик для обучающих проектов. На их ресурсе с 2015 года собралась коллекция из 2400 универсальных иконок. 

Стиль. Иконки с заливкой одним или двумя цветами. Минималистичные, плоские варианты с упрощенной формой и деталями.

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

Для чего подходит. Простые, но стильные иконки помогут сохранить общий визуал презентации на каждом слайде. Их можно использовать для навигации или расставить акценты в схеме, на графике.

Как загрузить. Выбрать иконку на сайте и нажать на значок скачивания. Все изображения доступны в редактируемом формате — SVG.

Как скачать иконку для презентации на IcoFont
Чтобы сохранить иконку, нужно кликнуть на значок со стрелкой вниз в выпадающем меню. Источник

Google Fonts

Сайт: https://fonts.google.com/icons 

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

Стиль. Контурные иконки с ровными, острыми линиями. 

Пример Google Fonts
Иконки, которые можно встретить во всех сервисах Google — от поиска и почты до сервиса опросов. Источник

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

Как загрузить. Выбрать размер, стиль и цвет иконки в панели слева. После чего нажать на изображение и кнопку с указанием формата — SVG или PNG.

Icons8

Сайт: https://icons8.ru/icons 

Команда Icons8 рисует иконки, проводит фотосессии и создает элементы графического дизайна — 3D-модели, сгенерированные нейросетью лица. На сайте и в плагине для Figma уже 1,3 миллиона значков.

Стиль. 45+ вариантов дизайна иконок. Например, есть контур с градиентной заливкой, цветные и объемные изображения, пиксельные элементы. А также стиль эмодзи и стикеров из мессенджеров и даже анимированные варианты.

Пример иконок для презентации Icons8
Иконки на сайте разделены по стилю. Источник

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

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

Как загрузить. Найти иконку на сайте и нажать «Скачать». Можно выбрать формат PNG и SVG — в зависимости от лицензии изображения.

Flaticon

Сайт: https://www.flaticon.com/icons 

Сервис от популярного стока Freepik. Здесь собрано более 17 миллионов иконок и стикеров от разных дизайнеров.

Стиль. Объемные и плоские иконки с заливкой и градиентом, тенью. Есть даже набор изображений животных под стиль оригами. Варианты дизайна указаны по ссылке.

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

Для чего подходит. В рабочей презентации или отчете будут хорошо смотреться иконки из таких наборов:

  • Business Management — пиктограммы на тему управления;
  • Education Topics — для школьников, студентов, преподавателей или сотрудников в EdTech-компаниях;
  • Content Creator — для корпоративных презентаций в отделе маркетинга.

Яркие и стильные иконки подойдут для креативных и тематических докладов. Например, на тему Нового Года, Хеллоуина, кулинарии, строительства. 

Как загрузить. Нажать на иконку и выбрать зеленую кнопку. Бесплатно можно скачать только PNG — иконка будет как обычная картинка, которую нельзя отредактировать и изменить. После подписки можно скачивать и редактировать файлы SVG и EPS.

Иконки Чикина

Сайт: https://sergeychikin.ru/365/ 

Сергей Чикин — дизайнер в Бюро Горбунова, преподаватель обучающего курса «Пиктограммы и системы знаков». На своем ресурсе он опубликовал 2000+ универсальных и понятных иконок для разных сфер.

Стиль. Графичные иконки с острыми линиями. Отдельные значки с градиентной заливкой. Есть реалистичные и гипертрофированные объекты — здания, животные, техника, жесты.

Пример иконок Чикина
Каждая иконка подписана на русском языке, что облегчает поиск. Источник

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

Как загрузить. Нажать на иконку и скачать файл в формате SVG.

Что делать, если подходящей иконки нет

Если среди миллионов пиктограмм подходящей иконки нет или ее просто сложно найти, можно использовать несколько лайфхаков. 

Сгенерировать иконку. Создать нужный значок в нейросети, которая специализируется на такой задаче. Подойдет промпт: 

vector beautiful application icon for a [topic], design simple line art, colorful векторная красивая иконка приложения для [вашей темы], дизайн простой, красочный

Можно попробовать сервисы Freepik или Recraft. В них пользователю нужно указать промпт и выбрать готовый стиль — контур, заливку, с обводкой или тенью.

Как сгенерировать иконку для презентации
Результат получился качественным, иконка узнаваемая и детальная. Можно скачать ее в формате PNG. Источник

Сервис Freepik заточен именно на иконки, с ним будет просто обращаться, даже если вы далеки от дизайна. Но скачать в формате SVG для дальнейшего редактирования и масштабирования без платной подписки не выйдет. Recraft создан для более широкого спектра задач: идеальная иконка может получиться не с первого раза, зато файл можно бесплатно скачать в векторе. Если хотите поработать с этим сервисом, читатйе наш гид по Recraft: все разложили по полочкам.

Вставить эмодзи. Можно скопировать эмодзи из мессенджера и просто добавить как текст на слайд. Стоит учитывать, что у таких картинок свой стиль — это объемные изображения с тенью и светом, прорисовкой деталей.

Слайд с эмозди
Эмодзи хорошо смотрятся даже на акцентном слайде, где их размер априори больше, чем в строке сообщения внутри мессенджера