15 сайтов для загрузки бесплатных иконок SVG

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

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

Без лишних слов, давайте перейдем к полному списку.

1. Иконки начальной загрузки

Официальная коллекция иконок от Bootstrap, одного из самых популярных фреймворков HTML/CSS. Он содержит более 1500 значков в формате SVG и SVG, что дает вам большую гибкость. Хотя эти значки разработаны для Bootstrap, вы можете использовать их с любым другим фреймворком.

2. Боксиконы

Boxicons содержат более 1500 значков, сгруппированных по нескольким категориям, таким как «Электронная коммерция», «Финансы» и «Музыка», которые позволяют легко сортировать и находить нужную коллекцию.

Каждая иконка имеет свой формат; вы можете не только выбрать и загрузить их в формате SVG, но также использовать их в качестве значка шрифта и Веб-компоненты. Это один из моих способов, когда мне нужны значки для веб-сайта или приложения.

3. Иконки с перьями

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

4. Иконуар

Iconoir — это бесплатная коллекция с открытым исходным кодом, содержащая более 900 иконок. Он поставляется в нескольких форматах, включая SVG, Font, React.js и даже Фигма и Фреймер. Я уверен, что и дизайнеры, и разработчики оценят эту коллекцию.

5. Иониконы

Коллекция икон из Ионный каркас предназначен для использования в веб-, мобильных или настольных приложениях. Каждый значок представлен в трех разных стилях: контур, заливка и четкость. Они доступны в виде значков SVG и Font.

6. Значки таблицы

Содержит более 1300 иконок. Tabler — одна из идеальных коллекций для дизайна вашего веб-сайта или приложения. Он выглядит четким, последовательным и настраиваемым. Каждый значок доступен в нескольких других форматах помимо SVG, включая JSX, URI данных, компонент React, Webfont, SCSS, а также показывает несколько примеров того, как вы можете применить значки к компоненту пользовательского интерфейса.

7. Иконки системы счисления

Набор иконок с тонким контуром. Каждая иконка размером 15×15 пикселей выглядит четко на экране. Вы можете получить коллекцию в виде файла Figma, файла Sketch, IconJar, SVG или NPM. Эти различные форматы обеспечивают беспрепятственное сотрудничество между дизайнерами и разработчиками.

8. Героиконы

Heroicons — это набор иконок, созданных людьми, стоящими за Попутный ветер. Он предоставляет набор из более чем 200 иконок. Каждый значок представлен в двух стилях: «Контур» и «Заполненный» и доступен в виде библиотеки компонентов SVG, JSX и Vue. Для дизайнеров вы можете скачать файл Figma для всех иконок.

9. Иконки дизайна муравьев

Этот значок является частью Муравей Дизайн система. Но вы можете установить коллекцию значков как отдельный компонент через NPM. Каждый значок доступен как компонент React.js и будет отображаться как SVG.

Он также поставляется в трех стилях — контурный, заполненный, двухцветный — и совместим со светлой или темной цветовой схемой из коробки. Если вы создаете приложение React.js, это одна из лучших коллекций иконок.

10. Иконка Ремикс

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

11. Иконки дизайна материалов

Это коллекция иконок от Дизайн-система Google «Material». Он поставляется с интуитивно понятным пользовательским интерфейсом, который обеспечивает удобство реализации значка на нескольких различных платформах, включая Интернет с SVG или значком, Android, iOS, Flutter, а также специально интегрирован с Angular.

12. Октиконы

Библиотека значков от Github, эти значки были созданы для их системы дизайна «Primer», в частности для приложений Github, что делает его идеальным набором, если вы создаете веб-сайт или приложение, интегрированное с Github. Вы можете установить и использовать значки через Драгоценный камень (пакет Ruby), NPM или как компонент React.js.

13. Иконки

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

14. CSS.gg

Этот сайт предоставляет около 700 высококачественных иконок. Коллекция значков доступна во многих форматах, включая CSS, SVG, TypeScript, Figma, Adobe XD и в качестве конечной точки API. Это упрощает сотрудничество между дизайнерами и разработчиками при разработке веб-сайтов и преобразовании дизайна в код.

15. Типиконы

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