0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#подборки</a></p>
1
<p><a>#подборки</a></p>
2
<ul><li>10 май 2023</li>
2
<ul><li>10 май 2023</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Собрали платформы, где вы сможете найти бесплатные иконки для разных дизайн-задач. Особое внимание - на лицензионные ограничения.</p>
4
</ul><p>Собрали платформы, где вы сможете найти бесплатные иконки для разных дизайн-задач. Особое внимание - на лицензионные ограничения.</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6
<p>Иконки - это небольшие картинки с простым и точным образом. Они нужны в веб-дизайне, интерфейсах приложений и текстах, потому что доносят суть быстрее слов и визуально структурируют информацию. Это универсальный визуальный язык.</p>
6
<p>Иконки - это небольшие картинки с простым и точным образом. Они нужны в веб-дизайне, интерфейсах приложений и текстах, потому что доносят суть быстрее слов и визуально структурируют информацию. Это универсальный визуальный язык.</p>
7
<p>Любые иконки - это авторские графические проекты, поэтому важно брать их в проверенных источниках и точно знать, что их можно использовать в публичных проектах и в коммерческом дизайне. Мы внимательно изучили, где найти бесплатные иконки и какие лицензионные ограничения есть на каждом ресурсе.</p>
7
<p>Любые иконки - это авторские графические проекты, поэтому важно брать их в проверенных источниках и точно знать, что их можно использовать в публичных проектах и в коммерческом дизайне. Мы внимательно изучили, где найти бесплатные иконки и какие лицензионные ограничения есть на каждом ресурсе.</p>
8
<p><a>The Noun Project</a> - очень крупный каталог иконок. Эта известная платформа служит архивом мировой иконографики и работает под лозунгом "Мы создаём глобальный визуальный язык". Интересно и важно то, что сервис выходит за рамки просто сайта с дизайнерскими инструментами: делает<a>социальные</a>проекты и <a>развивает язык знаков</a>.</p>
8
<p><a>The Noun Project</a> - очень крупный каталог иконок. Эта известная платформа служит архивом мировой иконографики и работает под лозунгом "Мы создаём глобальный визуальный язык". Интересно и важно то, что сервис выходит за рамки просто сайта с дизайнерскими инструментами: делает<a>социальные</a>проекты и <a>развивает язык знаков</a>.</p>
9
<p><strong>Количество</strong>: более трёх миллионов.</p>
9
<p><strong>Количество</strong>: более трёх миллионов.</p>
10
<p><strong>Формат</strong>: файлы в формате PNG и SVG. Каждая иконка высокого качества и отвечает требованиям инклюзивного дизайна.</p>
10
<p><strong>Формат</strong>: файлы в формате PNG и SVG. Каждая иконка высокого качества и отвечает требованиям инклюзивного дизайна.</p>
11
<p><strong>Что доступно бесплатно</strong>: любые иконки и коллекции можно скачать без оплаты, но обязательно укажите автора и источник, это правило сервиса.</p>
11
<p><strong>Что доступно бесплатно</strong>: любые иконки и коллекции можно скачать без оплаты, но обязательно укажите автора и источник, это правило сервиса.</p>
12
<p><strong>Что даёт оплата сервиса</strong>: подписка на The Noun Project даёт право использовать иконки в любых, в том числе коммерческих, целях и не указывать автора. Кроме того, вы можете покупать иконки поштучно, но в таком случае редактировать значки будет нельзя. Цены и условия тарифов The Noun Project -<a>в этом разделе</a>.</p>
12
<p><strong>Что даёт оплата сервиса</strong>: подписка на The Noun Project даёт право использовать иконки в любых, в том числе коммерческих, целях и не указывать автора. Кроме того, вы можете покупать иконки поштучно, но в таком случае редактировать значки будет нельзя. Цены и условия тарифов The Noun Project -<a>в этом разделе</a>.</p>
13
<p><strong>Редактирование иконок</strong>: в векторных иконках по платной подписке можно менять цвет, форму, размер без потери качества.</p>
13
<p><strong>Редактирование иконок</strong>: в векторных иконках по платной подписке можно менять цвет, форму, размер без потери качества.</p>
14
На бесплатном тарифе кнопка Download показывает, какие возможности даёт бесплатное и платное скачивание<em>Скриншот: сайт<a>The Noun Project</a></em><p>Платформа<a>Flaticon</a> - это база статичных и анимированных иконок и стикеров.</p>
14
На бесплатном тарифе кнопка Download показывает, какие возможности даёт бесплатное и платное скачивание<em>Скриншот: сайт<a>The Noun Project</a></em><p>Платформа<a>Flaticon</a> - это база статичных и анимированных иконок и стикеров.</p>
15
<p><strong>Количество</strong>: более шести миллионов.</p>
15
<p><strong>Количество</strong>: более шести миллионов.</p>
16
<p><strong>Формат</strong>: файлы PNG, SVG, EPS, PSD и Base64.</p>
16
<p><strong>Формат</strong>: файлы PNG, SVG, EPS, PSD и Base64.</p>
17
<p><strong>Что доступно бесплатно</strong>: можно скачать бесплатно любую иконку, но только в формате PNG. Размер неограничен: выбирайте любой от 16 до 512 пикселей. Но есть лимит на <a>количество скачиваний в день</a>: не более десяти иконок или только одна коллекция.</p>
17
<p><strong>Что доступно бесплатно</strong>: можно скачать бесплатно любую иконку, но только в формате PNG. Размер неограничен: выбирайте любой от 16 до 512 пикселей. Но есть лимит на <a>количество скачиваний в день</a>: не более десяти иконок или только одна коллекция.</p>
18
<p>Платформа разрешает использовать бесплатные иконки на сайтах и в приложениях, но <a>обязательно нужно давать ссылку на источник</a>. Удобно, что в карточке каждой иконки есть короткие правила атрибуции авторства и готовые кнопки и ссылки: просто копируйте их и вставляйте в подвал сайта или в описание медиаэлемента. Они находятся под кнопкой How to attribute.</p>
18
<p>Платформа разрешает использовать бесплатные иконки на сайтах и в приложениях, но <a>обязательно нужно давать ссылку на источник</a>. Удобно, что в карточке каждой иконки есть короткие правила атрибуции авторства и готовые кнопки и ссылки: просто копируйте их и вставляйте в подвал сайта или в описание медиаэлемента. Они находятся под кнопкой How to attribute.</p>
19
<p><strong>Что даёт оплата сервиса</strong>: платная подписка открывает доступ к безлимитному скачиванию иконок и коллекций, неограниченному использованию встроенного редактора и к файлам SVG, EPS, PSD и Base64. Условия ежемесячной или годовой подписки -<a>здесь</a>.</p>
19
<p><strong>Что даёт оплата сервиса</strong>: платная подписка открывает доступ к безлимитному скачиванию иконок и коллекций, неограниченному использованию встроенного редактора и к файлам SVG, EPS, PSD и Base64. Условия ежемесячной или годовой подписки -<a>здесь</a>.</p>
20
<p><strong>Редактирование иконок</strong>: каждую иконку вы можете настраивать прямо в браузере, например, менять цвет фона или некоторых деталей. Это бесплатно.</p>
20
<p><strong>Редактирование иконок</strong>: каждую иконку вы можете настраивать прямо в браузере, например, менять цвет фона или некоторых деталей. Это бесплатно.</p>
21
Бесплатное использование означает, что в карточках иконок и коллекций будет реклама. Если оплатить подписку, реклама исчезнет<em>Скриншот: сайт<a>Flaticon</a></em><p>Сайт<a>Iconshock</a> - это библиотека векторных иконок в тридцати стилях дизайна: плоские или объёмные, Material или iOS, трендовые или Vista и многие другие.</p>
21
Бесплатное использование означает, что в карточках иконок и коллекций будет реклама. Если оплатить подписку, реклама исчезнет<em>Скриншот: сайт<a>Flaticon</a></em><p>Сайт<a>Iconshock</a> - это библиотека векторных иконок в тридцати стилях дизайна: плоские или объёмные, Material или iOS, трендовые или Vista и многие другие.</p>
22
<p><strong>Количество</strong>: более двух миллионов.</p>
22
<p><strong>Количество</strong>: более двух миллионов.</p>
23
<p><strong>Формат</strong>: файлы PNG, SVG и AI. Есть иконочные шрифты.</p>
23
<p><strong>Формат</strong>: файлы PNG, SVG и AI. Есть иконочные шрифты.</p>
24
<p><strong>Что доступно бесплатно</strong>: каждую иконку вы сможете скачать бесплатно, но только в формате PNG размером до 128 пикселей.</p>
24
<p><strong>Что доступно бесплатно</strong>: каждую иконку вы сможете скачать бесплатно, но только в формате PNG размером до 128 пикселей.</p>
25
<p>С "бесплатной" лицензией вы должны давать ссылку на источник, и она<a>запрещает коммерческое использование</a>. Используйте бесплатные иконки Iconshock только в личных проектах: в портфолио, резюме, в презентациях и некоммерческих проектах.</p>
25
<p>С "бесплатной" лицензией вы должны давать ссылку на источник, и она<a>запрещает коммерческое использование</a>. Используйте бесплатные иконки Iconshock только в личных проектах: в портфолио, резюме, в презентациях и некоммерческих проектах.</p>
26
<p><strong>Что даёт оплата сервиса</strong>: Iconshock предлагает несколько уровней Premium-подписок. Базовая платная подписка откроет доступ ко всем размерам и векторным форматам пиктограмм и <a>3D-иконкам</a>. Платные подписки следующих уровней - это дополнительные графические инструменты, иллюстрации, шрифты.</p>
26
<p><strong>Что даёт оплата сервиса</strong>: Iconshock предлагает несколько уровней Premium-подписок. Базовая платная подписка откроет доступ ко всем размерам и векторным форматам пиктограмм и <a>3D-иконкам</a>. Платные подписки следующих уровней - это дополнительные графические инструменты, иллюстрации, шрифты.</p>
27
<p>Оплата подписки даёт право на коммерческое использование иконок без ссылок на источник. Условия трёх уровней платной подписки -<a>здесь</a>.</p>
27
<p>Оплата подписки даёт право на коммерческое использование иконок без ссылок на источник. Условия трёх уровней платной подписки -<a>здесь</a>.</p>
28
<p><strong>Редактирование иконок</strong>: в карточке каждой иконки есть простой редактор, который меняет цвет элементов или контуров. Это бесплатная функция.</p>
28
<p><strong>Редактирование иконок</strong>: в карточке каждой иконки есть простой редактор, который меняет цвет элементов или контуров. Это бесплатная функция.</p>
29
"Замочек" на размерах от 76 до 512 пикселей и на кнопках SVG и AI показывает, что без оплаты подписки такие файлы скачать нельзя<em>Скриншот: сайт<a>Iconshock</a></em><p>Сайт<a>Icons8</a>собирает дизайнерские инструменты: фотографии, генераторы на основе искусственного интеллекта, иллюстрации и иконки. Отличие этой платформы от многих других: иконки здесь созданы самой командой Icons8. Это не маркетплейс и не коллекция проектов с других ресурсов, а каталог эксклюзивного контента.</p>
29
"Замочек" на размерах от 76 до 512 пикселей и на кнопках SVG и AI показывает, что без оплаты подписки такие файлы скачать нельзя<em>Скриншот: сайт<a>Iconshock</a></em><p>Сайт<a>Icons8</a>собирает дизайнерские инструменты: фотографии, генераторы на основе искусственного интеллекта, иллюстрации и иконки. Отличие этой платформы от многих других: иконки здесь созданы самой командой Icons8. Это не маркетплейс и не коллекция проектов с других ресурсов, а каталог эксклюзивного контента.</p>
30
<p><strong>Количество</strong>: более шестисот тысяч.</p>
30
<p><strong>Количество</strong>: более шестисот тысяч.</p>
31
<p><strong>Формат</strong>: файлы в формате PNG, SVG и PDF. Есть статичные и анимированные иконки.</p>
31
<p><strong>Формат</strong>: файлы в формате PNG, SVG и PDF. Есть статичные и анимированные иконки.</p>
32
<p><strong>Что доступно бесплатно</strong>: вы сможете скачать любую иконку бесплатно, но только в формате PNG и размером 80 пикселей. Платформа разрешает использовать эти бесплатные иконки на сайтах и в приложениях, но требует<a>давать ссылку на авторство Icons8</a>.</p>
32
<p><strong>Что доступно бесплатно</strong>: вы сможете скачать любую иконку бесплатно, но только в формате PNG и размером 80 пикселей. Платформа разрешает использовать эти бесплатные иконки на сайтах и в приложениях, но требует<a>давать ссылку на авторство Icons8</a>.</p>
33
<p><strong>Что даёт оплата сервиса</strong>: платная подписка открывает доступ к иконкам от 160 до 480 пикселей и в формате SVG, разрешает свободно использовать их в любом проекте и не давать ссылку на источник. Условия разных пакетов подписки -<a>здесь</a>.</p>
33
<p><strong>Что даёт оплата сервиса</strong>: платная подписка открывает доступ к иконкам от 160 до 480 пикселей и в формате SVG, разрешает свободно использовать их в любом проекте и не давать ссылку на источник. Условия разных пакетов подписки -<a>здесь</a>.</p>
34
<p><strong>Редактирование иконок</strong>: каждую иконку можно настраивать в браузере, например, менять цвет, стиль, добавлять рамку, фон, текст. Это бесплатно.</p>
34
<p><strong>Редактирование иконок</strong>: каждую иконку можно настраивать в браузере, например, менять цвет, стиль, добавлять рамку, фон, текст. Это бесплатно.</p>
35
Кликните по подходящей иконке, и она откроется в простом редакторе. Чтобы скачать результат, нажимайте Download. Здесь же - кнопка перехода в приложение<a>Lunacy</a>. Это бесплатный графический редактор на основе искусственного интеллекта<em>Скриншот: сайт<a>Icons8</a></em><p><a>Streamline</a> - ресурс с тысячами иллюстраций, эмодзи и <a>иконок</a>. У этого сервиса есть свой<a>плагин для Figma</a>, который даёт прямой доступ ко всему каталогу прямо из приложения. Полезная функция Streamline: из отдельных иконок можно составлять собственные коллекции и наборы.</p>
35
Кликните по подходящей иконке, и она откроется в простом редакторе. Чтобы скачать результат, нажимайте Download. Здесь же - кнопка перехода в приложение<a>Lunacy</a>. Это бесплатный графический редактор на основе искусственного интеллекта<em>Скриншот: сайт<a>Icons8</a></em><p><a>Streamline</a> - ресурс с тысячами иллюстраций, эмодзи и <a>иконок</a>. У этого сервиса есть свой<a>плагин для Figma</a>, который даёт прямой доступ ко всему каталогу прямо из приложения. Полезная функция Streamline: из отдельных иконок можно составлять собственные коллекции и наборы.</p>
36
<p><strong>Количество</strong>: более ста тысяч.</p>
36
<p><strong>Количество</strong>: более ста тысяч.</p>
37
<p><strong>Формат</strong>: файлы PNG, SVG и PDF.</p>
37
<p><strong>Формат</strong>: файлы PNG, SVG и PDF.</p>
38
<p><strong>Что доступно бесплатно</strong>: вы сможете скачивать все иконки в любом количестве, но только в формате PNG и с низким разрешением. Неограниченно используйте их в любых проектах, личных и коммерческих, но обязательно делайте<a>ссылку на сайт Streamline</a>. Готовая ссылка для правильного указания источника есть в карточке каждой иконки под кнопкой Copy.</p>
38
<p><strong>Что доступно бесплатно</strong>: вы сможете скачивать все иконки в любом количестве, но только в формате PNG и с низким разрешением. Неограниченно используйте их в любых проектах, личных и коммерческих, но обязательно делайте<a>ссылку на сайт Streamline</a>. Готовая ссылка для правильного указания источника есть в карточке каждой иконки под кнопкой Copy.</p>
39
<p>В специальном разделе<a>Freebies</a>у бесплатных иконок нет ограничений по формату и размеру: скачивайте их в виде PNG, SVG или PDF и задавайте нужное количество пикселей.</p>
39
<p>В специальном разделе<a>Freebies</a>у бесплатных иконок нет ограничений по формату и размеру: скачивайте их в виде PNG, SVG или PDF и задавайте нужное количество пикселей.</p>
40
<p><strong>Что даёт оплата сервиса</strong>: с <a>расширенной лицензией</a>не нужно давать ссылку на источник иконок и пиктограмм. Ещё она убирает ограничения на формат файлов и размер иконок: вы сможете скачивать не только PNG, но и SVG или PDF файлы и задавать им размер до 4096 пикселей. Тарифы и планы -<a>здесь</a>.</p>
40
<p><strong>Что даёт оплата сервиса</strong>: с <a>расширенной лицензией</a>не нужно давать ссылку на источник иконок и пиктограмм. Ещё она убирает ограничения на формат файлов и размер иконок: вы сможете скачивать не только PNG, но и SVG или PDF файлы и задавать им размер до 4096 пикселей. Тарифы и планы -<a>здесь</a>.</p>
41
<p><strong>Редактирование иконок</strong>: доступ к встроенному редактору иконок и целых коллекций вы получите только после оплаты подписки. С ним вы сможете менять толщину линий, цвета контуров и элементов.</p>
41
<p><strong>Редактирование иконок</strong>: доступ к встроенному редактору иконок и целых коллекций вы получите только после оплаты подписки. С ним вы сможете менять толщину линий, цвета контуров и элементов.</p>
42
Если навести курсор на иконку, то появится маленький значок папки - это кнопка для добавления пиктограммы в собственную коллекцию. Без оплаты сервиса вы сможете добавлять иконки только по одной, а с платной подпиской доступен мультивыбор<em>Скриншот: сайт<a>Streamline</a></em><p><a>Font Awesome</a> - это библиотека иконок и готовый UI-инструментарий. Авторы проекта периодически масштабно его обновляют. Сейчас доступна шестая версия. После регистрации сервис бесплатно выдаёт персональную ссылку на набор компонентов и инструкцию, как внедрить его в веб-проект или приложение.</p>
42
Если навести курсор на иконку, то появится маленький значок папки - это кнопка для добавления пиктограммы в собственную коллекцию. Без оплаты сервиса вы сможете добавлять иконки только по одной, а с платной подпиской доступен мультивыбор<em>Скриншот: сайт<a>Streamline</a></em><p><a>Font Awesome</a> - это библиотека иконок и готовый UI-инструментарий. Авторы проекта периодически масштабно его обновляют. Сейчас доступна шестая версия. После регистрации сервис бесплатно выдаёт персональную ссылку на набор компонентов и инструкцию, как внедрить его в веб-проект или приложение.</p>
43
<p><strong>Количество</strong>: более шестнадцати тысяч.</p>
43
<p><strong>Количество</strong>: более шестнадцати тысяч.</p>
44
<p><strong>Формат</strong>: отдельные иконки доступны в виде файлов SVG или в формате сниппетов с кодами HTML, React и Vue.js.</p>
44
<p><strong>Формат</strong>: отдельные иконки доступны в виде файлов SVG или в формате сниппетов с кодами HTML, React и Vue.js.</p>
45
<p><strong>Что доступно бесплатный</strong>: тарифный план без оплаты даёт доступ к ограниченному количеству иконок -<a>чуть более 1700</a>. Если вы решите использовать набор компонентов, то сможете внедрить его только в один проект, причём у него должно быть<a>не более 10 тысяч просмотров в месяц</a>.</p>
45
<p><strong>Что доступно бесплатный</strong>: тарифный план без оплаты даёт доступ к ограниченному количеству иконок -<a>чуть более 1700</a>. Если вы решите использовать набор компонентов, то сможете внедрить его только в один проект, причём у него должно быть<a>не более 10 тысяч просмотров в месяц</a>.</p>
46
<p>Бесплатные иконки лицензированы по <a>CC 4.0</a>: используйте их в коммерческом дизайне, но обязательно указывайте источник.</p>
46
<p>Бесплатные иконки лицензированы по <a>CC 4.0</a>: используйте их в коммерческом дизайне, но обязательно указывайте источник.</p>
47
<p><strong>Что даёт оплата сервиса</strong>: тарифный план Pro открывает доступ к абсолютно всем графическим компонентам библиотеки и позволяет внедрять набор до 20 раз.<a>Лицензия уровня Pro</a>разрешает не атрибутировать Font Awesome. Цены и основные условия тарифов -<a>здесь</a>.</p>
47
<p><strong>Что даёт оплата сервиса</strong>: тарифный план Pro открывает доступ к абсолютно всем графическим компонентам библиотеки и позволяет внедрять набор до 20 раз.<a>Лицензия уровня Pro</a>разрешает не атрибутировать Font Awesome. Цены и основные условия тарифов -<a>здесь</a>.</p>
48
<p><strong>Редактирование иконок</strong>: меняйте цвета, толщину линий и размер иконок в вашем проекте с помощью строк кода. На Font Awesome есть<a>инструкции и готовые правила</a>.</p>
48
<p><strong>Редактирование иконок</strong>: меняйте цвета, толщину линий и размер иконок в вашем проекте с помощью строк кода. На Font Awesome есть<a>инструкции и готовые правила</a>.</p>
49
Иконку с заливкой (Solid) можно бесплатно скачать в виде файла SVG. Она же, но контурная (Thin), находится в разделе Pro и доступна только по платной подписке<em>Скриншот: сайт<a>Font Awesome</a></em><p>На сайте<a>Feather</a>находится небольшая коллекция контурных иконок. Автор проекта позаботился о веб-дизайнерах и <a>прописал коды и инструкции</a>для встраивания этих иконок в сайты, а ещё сделал библиотеку компонентов для Figma.</p>
49
Иконку с заливкой (Solid) можно бесплатно скачать в виде файла SVG. Она же, но контурная (Thin), находится в разделе Pro и доступна только по платной подписке<em>Скриншот: сайт<a>Font Awesome</a></em><p>На сайте<a>Feather</a>находится небольшая коллекция контурных иконок. Автор проекта позаботился о веб-дизайнерах и <a>прописал коды и инструкции</a>для встраивания этих иконок в сайты, а ещё сделал библиотеку компонентов для Figma.</p>
50
<p><strong>Количество</strong>: 286.</p>
50
<p><strong>Количество</strong>: 286.</p>
51
<p><strong>Формат</strong>: файлы SVG.</p>
51
<p><strong>Формат</strong>: файлы SVG.</p>
52
<p><strong>Что доступно бесплатно</strong>: вся коллекция иконок имеет<a>лицензию MIT</a>. Это значит, что любую иконку можно бесплатно скачивать и использовать как для личных, так и для коммерческих целей.</p>
52
<p><strong>Что доступно бесплатно</strong>: вся коллекция иконок имеет<a>лицензию MIT</a>. Это значит, что любую иконку можно бесплатно скачивать и использовать как для личных, так и для коммерческих целей.</p>
53
<p><strong>Что даёт оплата сервиса</strong>: Feather Icons - это опенсорсный проект, и платных функций и ограничений у него нет.</p>
53
<p><strong>Что даёт оплата сервиса</strong>: Feather Icons - это опенсорсный проект, и платных функций и ограничений у него нет.</p>
54
<p><strong>Редактирование иконок</strong>: на сайте есть небольшой встроенный редактор иконок для изменения толщины линий, цвета и размера значков.</p>
54
<p><strong>Редактирование иконок</strong>: на сайте есть небольшой встроенный редактор иконок для изменения толщины линий, цвета и размера значков.</p>
55
Feather Icons позволяет скачать всю коллекцию целиком или выбрать только некоторые иконки. Чтобы изменить цвет, вписывайте его название в поле Color, а для большей точности используйте HTML-код<em>Скриншот: сайт<a>Feather</a></em><a>Курс с трудоустройством: "Профессия Веб-дизайнер" Узнать о курсе</a>
55
Feather Icons позволяет скачать всю коллекцию целиком или выбрать только некоторые иконки. Чтобы изменить цвет, вписывайте его название в поле Color, а для большей точности используйте HTML-код<em>Скриншот: сайт<a>Feather</a></em><a>Курс с трудоустройством: "Профессия Веб-дизайнер" Узнать о курсе</a>