svg иконки для меню
Доступ к +5.9M векторных изображений и стикеров
Скачивайте бесплатные значки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и BASE 64..
Иконки
Крупнейшая база значков, доступных в форматах PNG, SVG, EPS, PSD и BASE 64.
Стикеры
Откройте для себя более 6,000 стикеров для WhatsApp, Instagram и Facebook, доступных в форматах PNG и SVG.
Значки интерфейса
Более 3,000 значков, разработанных специально для интерфейсов и совместимых с популярными библиотеками значков.
Шрифты-значки для любого проекта, большого или маленького
+3,000векторных иконок, оптимальных для SVG и �еб-шрифта, для веб-приложений и приложений для iOS и Android.
Инструменты, которые помогут сделать вашу работу более профессиональной
Бесплатные аксессуары, которые позволят вам организовать свои дизайнерские творения и создавать их, экономя при этом время
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Что нового в Flaticon
Узнайте о последних обновлениях сайта, новых функциях и инструментах и извлеките максимум пользы из работы с Flaticon.
10 сайтов с качественными и бесплатными иконками
С иллюстрациями разобрались, переходим к иконкам. Все знают Noun Project и Flaticon. Отличные сайты, но часто нужно, чтобы иконки были в одном стиле. Ловите большие наборы иконок (от 260 до 9000+), чтобы «консистенси» ваших през, сайтов или приложений было на высоте.
1185 иконок от IconScout. Формат: SVG. Можно качнуть полный пак с GitHub. Коммерческое и некоммерческое использование при указании авторства. Apache License 2.0.
9888+ иконок. Форматы: PNG, SVG. Можно использовать в коммерческих и некоммерческих проектах, но обязательна ссылка на сайт. Полный текст лицензии.
260 иконок. Формат: PPTX. Иконки полностью редактируемы внутри PowerPoint: меняйте цвет заливки, обводки, размер.
350 иконок в мультяшном стиле. Форматы: PNG, SVG, TTF, EPS, PSD. Использование в любых целях, ссылка на источник обязательна. Лицензия CC BY-SA.
500 анимированных иконок от Icons8. Форматы: GIF, AE. Можно использовать в коммерческих и некоммерческих проектах при указании ссылки на источник. Полный текст лицензии.
1588 иконок. Форматы: PNG, SVG, TTF. Можно скачать целиком с GitHub. Любое использование и модификация, указание источника обязательно. Полный текст лицензии.
2000+ иконок от Google. Форматы: PNG, SVG. Полный набор качается с GithHub. Коммерческое и некоммерческое использование при указании авторства. Apache License 2.0.
230 трехмерных иконок в изометрическом стиле. Формат: PNG. Бесплатно доступно только некоммерческое использование с указанием ссылки на сайт.
800+ иконок от Amazon. Форматы: PNG, SVG, PPTX, EPS. Иконки на тему IT. Для светлого и темного фонов. Явного запрета на использование не клиентами AWS не обнаружил, но это не значит, что его нет. Используйте на свой страх и риск.
1800 иконок. Форматы: PNG, SVG, EPS. Щедрый подгон от Alexandru Stoica. Лицензии, судя по всему, нет, автор просто выложил иконки в своем Dribbble и разрешил делать с ними что угодно.
Кстати, в моем телеграм-дневнике полно всякой эксклюзивной информации о фишках PowerPoint, а также мой бесценный опыт за 5 лет создания презентаций для всяких там корпораций и не только. Например, узнайте главное правило иконок.
Flaticon — любовь навсегда! Найдётся любая иконка)
Будут сложности с лицензированием и как помню есть подписка(пользуйся пока платишь), еще будет проблема совместимости стиля, в итоге все равно прийдется уйти в пару наборов и дозаказывать иконки под стиль
У Icons8 есть не только анимированные. Статичных iOS иконок больше 10к и это только один из 20+ стилей. И ещё они просто очень хорошие ребята.
I8 крутые, но они мне показались достаточно популярными, чтобы не включать их в пост. Хотелось поделиться не самыми очевидными ресурсами. Да и вроде бесплатно не всегда вектор отдают. ред.
А я вас понял! да, всё верно)
То, что лицензии нет, как раз говорит о том, что она неизвестна публично на сайте, а может быть коммерческой, использовать не стоит или ун после запроса условий лицензии ее у автора по почте
Спасибо, поправил пост.
Уже к иллюстрациям был комент про моего бота t.me/deshelp_bot
К иконкам он так же относится.
Материал в статье так себе, лучше использовать бота и присылать мне находки, я их загружу в бота. Нежели по 10 иконок на статью выложить и набрать лайки)
Откровенно говоря, вашим ботом пользоваться неудобно, это просто длиннююююююющий список сайтов. Мне что каждый раз идти по этому списку? А как мне не промахнуться по нужной ссылке? Не надо повсюду за мной ходить и писать про своего бота 🙂
Да, в сети миллион сайтов с иконками, но я отфильтровал: только качественные, бесплатные и чтобы много (в среднем в каждом наборе нск тысяч иконок). Чувствуете разницу между отборным контентом с превью для удобства и тупо свалкой ссылок? ред.
Ссылки из статьи так себе либо уже есть в боте. Ну ок, без превью. 🤷🏻♂️
так себе либо уже есть в боте
то есть если в вашем чудоботе ссылки нет, то так себе, ну ок 🙂
бот кстати не работает сейчас
Над превью уже работаю, просто сайтов много, поэтому так долго)
Кстати, я писал вам насчет своего канала, вы даже не прочли сообщение, так что присылать вам находки – это такое 🤷♂️
Какой конкретно?
Про дизайн презентаций?
Артем Федотов, СPO Master Delivery, рассказывает о том, как мы начинали работу над сервисом ультрабыстрой доставки Прямиком и к чему пришли за 9 месяцев.
Великолепная десятка библиотек SVG иконок
Перед началом статьи хотелось бы сказать, что переводчик не несёт ответственности за содержание статьи, а также еще больше полезной и нужной информации вы найдете в нашем Телеграм-канале по ссылке: https://t.me/metsolution
Перевёл: Лебедев Даниил
Как-то раз я провел опрос на Reddit и обратился к коллегам-разработчикам с простой просьбой: поделиться названиями любимых библиотек иконок. Идея нашла живой отклик у сообщества, и вскоре я открыл для себя много отличных библиотек с открытым исходным кодом, о которых раньше и понятия не имел. И вот я решил написать статью о 10 лучших из них на основе результатов проведенного опроса.
Предварительно были проверены условия лицензирования всех упомянутых в статье библиотек, так что можете быть уверены, что все они общедоступны. Стоит также отметить, что перечисленные ниже библиотеки должны иметь современный и актуальный дизайн. Итак, наша великолепная 10-ка:
Более чем уверен, что большинство из вас хотя бы раз использовали иконки Font Awesome, одной из самых первых популярных библиотек с открытым кодом. В настоящее время ее галерея содержит в целом 1588 бесплатных и 7 842 платных иконок.
Font Awesome предлагает огромную коллекцию разнообразных иконок, что является одной из главных причин большой востребованности этой библиотеки. На нашем веб-сайте используются двухцветные иконки Font Awesome Pro, и мы уверены, что благодаря им он выгодно выделяется на фоне аналогичных сайтов.
Font Awesome предлагает еще одну интересную возможность — создание персональной ссылки на CDN при наличии аккаунта (на соответствующем сервисе). Это позволит вам задать условие для исключения обычных иконок и использования только двухцветных.
Конечно, вы также можете включить только пару иконок, напрямую скопировав код SVG. Я бы настоятельно посоветовал это делать при условии, что вы не используете больше 20–30 значков на сайте.
Существует много способов использования возможностей Font Awesome: копирование источника SVG одной иконки, загрузка библиотеки или использование общего или их персонального CDN. У них есть прекрасная страница, которая поможет начать работу с Font Awesome.
Ionicons.io — еще одна библиотека SVG с открытым кодом, содержащая 457 иконок в трех разных стилях: контурные, заливные и заостренные. Здесь мне особенно нравится простой и понятный дизайн контуров и форм. Почему бы не использовать их в своем будущем проекте?
Использование Ionicons сопровождается хорошей документацией. Если вам нужна вся библиотека вместо отдельной SVG иконки, можете включить следующий скрипт в футер (нижний блок сайта):
После этого просто добавьте следующий элемент в HTML-шаблон и измените атрибут name в соответствии с иконкой, которую хотите показать, вот таким образом:
На официальном сайте содержится более подробная информация об основных правилах использования.
Если вы активно участвуете в жизни сообщества разработчиков на Reddit, то, конечно, не оставили без внимания факт появления новой библиотеки иконок, использующей для стиля только CSS. На данный момент она насчитывает свыше 704 отдельных иконок, распределенных по таким категориям, как уведомления, указатели (стрелки), код, дизайн и многое другое.
В свое время возникало много споров по поводу того, что лучше использовать с точки зрения производительности: CSS или SVG. Но позднее создатель библиотеки @astritmalsija запустил форматы SVG, SVG Sprite, Figma и Adobe XD для второй версии, предложив таким образом более широкий выбор реализаций.
Также существуют альтернативы CDN, а именно UNPKG или JSDelivr:
Более подробная информация о том, как начать использование CSS.gg, содержится в инструкциях официального репозитория на Github.
Представляю вам Feathericons, внешне привлекательную и понятно устроенную библиотеку с 282 SVG иконками. По умолчанию ее основным форматом является SVG, так как на данный момент он является самым быстрым способом работы со значками.
Вы можете настраивать размер, толщину штриха и цвет иконок перед их загрузкой, а также переключать темный и светлый режимы нажатием на значок луны в правом верхнем углу веб-сайта.
Для начала работы с Feathericons необходимо загрузить файл SVG и включить его в вашу разметку либо с помощью src, либо используя его в качестве встроенного объекта SVG.
Eva Icons — это набор из 480 искусно выполненных иконок с открытым кодом в форматах SVG и PNG. Для создания значков используются два основных стиля: контурный и заливной. Радует тот факт, что изначально можно выбирать анимационные эффекты при наведении курсора мыши на значки, например изменение масштаба, пульсацию или вибрацию.
Работа с Eva Icons начинается с загрузки файла SVG/PNG после выбора иконки или загрузки целого набора. Вы можете также добавить Eva Icons, установив пакет npm следующим образом:
Heroicons, очередная библиотека с открытым кодом, является итогом работы создателей Tailwind CSS. Она содержит 165 отдельных иконок, включая контурные и заливные, и предлагает темную и светлую версии каждого элемента. Внешний вид значков качественно и искусно проработан.
Использование иконок начинается с нажатия на одну из них и копирования встроенного кода SVG, который сразу можно использовать в проектах. Примечательно еще и то, что библиотека предлагается в Figma. Если вам нужно включить все иконки, необходимо загрузить все файлы SVG с общедоступного репозитория.
Данная библиотека включает свыше 600 пользовательских иконок с поддержкой SVG. На мой взгляд, она выгодно отличается от всех других с точки зрения дизайна. Если вам нравится использовать Bootstrap как CSS-фреймворк, то советую обратить внимание на Bootstrap 5 Icons и включить его в свой следующий проект.
Для работы с Bootstrap 5 Icons необходимо скопировать код SVG, а затем применить его по своему усмотрению: либо используя как встроенный код, либо включая в качестве источника для образа, либо создавая классы псевдокода в CSS. Какой бы способ вы не выбрали, на сайте есть информация по реализации каждого из них.
Remix Icon — это большая коллекция из 2149 красивых иконок с открытым кодом под лицензией Apache. Они распределены по таким категориям, как бизнес, общение, финансы, карта и многие другие. Эта библиотека определенно заслуживает вашего внимания.
Octicons — набор из более 100 иконок с открытым кодом, которые Github использует на своем главном сайте. Насколько мне известно, они уже работают над второй версией библиотеки, улучшают дизайн и добиваются разнообразия иконок.
Огромное преимущество Octicons состоит в том, что его можно использовать как уже готовый пакет в React, Ruby, Rails, Jekyll и JavaScript. Здесь вы найдете список всех пакетов, необходимых для работы с Octicons.
Завершает наш список не менее интересная библиотека Ikonate, содержащая около 100 качественных иконок в плоском дизайне. Она находится под весьма лояльной и разрешительной лицензией MIT.
Вы можете легко настраивать размер, толщину и закругления границ, а также цвет иконок перед их экспортом. В экспортируемом файле ZIP вы получите HTML-файл со всеми выбранными встроенными значками, папку с отдельными файлами SVG и спрайт-листом.
В заключении прошу вас поддержать эти библиотеки, присудив им звезду на Github и тем самым отметив ту неоценимую работу, которую они выполняют. Поделитесь этим списком с вашими друзьями или коллегами, если вы сами еще не выбрали конкретную библиотеку иконок для вашего следующего проекта.
Скачать иконки бесплатно
БЕСПЛАТНО
Все иконки распространяются бесплатно, их можно использовать в коммерческих целях
НА РУССКОМ
Пользуйтесь поиском на русском языке
ПО ЗАПРОСУ
Не нашли, что искали? Пишите нам, сделаем и добавим в коллекцию
БЕЗ РЕГИСТРАЦИИ
Скачивайте сразу, без регистрации и надоедливых напоминалок
Популярные иконки SVG
Коллекции иконок SVG
Для меню, ресторанов и магазинов
Для интерфейсов сайтов и приложений
Авто и промышленность
Для логистики, заводов и производства
Документы и графики
Атрибуты офиса и бизнеса
Рождественские и новогодние иконки
Иконки с таблетками и медицинскими приборами
Бытоыая техника и электроника
Смартфоны, ноутбуки, домашняя и офисная бытовая техника
Бесплатные иконки по заявкам
Отправьте запрос через эту форму и мы добавим иконку в коллекцию. Как правило мы добавляем иконку в день запроса или на следующий день.
Иконки бесплатные: для личного и коммерческого использования
Все наши иконки создаются узким кругом людей, а не загружаются сторонними авторами. Никаких сюрпризов с авторскими правами не будет
Нужно ли указывать авторство
Авторство указывать не нужно, но будет здорово, если вы посоветуете нас коллегам
Нет нужной мне иконки
Напишите нам в форму (она есть на всех страницах с иконками), и мы сделаем нужную вам иконку. Это бесплатно