Содержание

Лучшие бесплатные коллекции векторных иконок / Хабр

Привет, Хабр! Сегодня я хочу представить вам огромную коллекцию из 51 набора бесплатных векторных иконок. Да, есть потрясающие ресурсы Flaticon или Iconfinder, но бывают случаи, когда необходима именно группа иконок в едином стилистическом оформлении. Определиться с выбором, вам поможет эта подборка. Я старался собрать не как можно больше, а действительно самое лучшее.

Среди веб-разработчиков существует много споров о том, что лучше: иконочный шрифт или SVG спрайты? Четкого ответа на этот вопрос нет. Каждый выбирает свое. Данные наборы иконок вас неограничиывают в выборе, поскольку представлены в различных форматах: @font-face, SVG, EPS, AI, PSD, Sketch.

В целом данная подборка содержит более 10 000 иконок, охватывающих множество категорий: интерфейсы, технологии, наука, спорт, маркетинг, среда, транспорт и тд. Полые, заполненные, цветные, во Flat, Material, Elegant, Cartoon, Hand drawing стилях.

Responsive Icons (100 иконок, PSD, AI, EPS, SVG)

Icon-Works (130+ иконок, Webfont)

Feather (130 иконок, PSD, SVG, Webfont)

Linea (730+ иконок, SVG, Webfont)

Icony (100 иконок, SVG, PSD)

Free iOS Icons Pack (100 иконок, PSD, Webfont)

Touch Icons (340 иконок, PSD, AI, SVG)

Simple Line Icons (100 иконок, AI, EPS, SVG, PSD)

Themify Icons (320+ иконок, SVG и Webfont)

Elegant Line-Style Icons (100 иконок, AI, SVG)

Pixeden Icon Font Pack (170 иконок, Webfont)

Summer and Essentials Icon Set (50 иконок, EPS, AI, PNG)

Webicons (100 иконок, AI, EPS)

Stroke Icons (80 иконок, PSD, AI, Webfont)

Microns (231 иконок, SVG, Webfont)

Outlined Icons (150 иконок, PSD, SVG, AI, Webfont)

LineIconSet v1.0 (200 иконок, EPS)

Someicons (153 иконок, EPS, SVG)

Universal Icons (100 иконок, SVG)

Flat Color Icons (300+ иконок, SVG)

Iconia (100+ иконок, Webfont)

Typicons (336 иконок, SVG, Webfont)

Geoph (80 иконок, AI, PSD)

Evil Icons (70 иконок, SVG)

Stroke Gap Icons (200 иконок, AI, PSD, SVG, Webfont)

Unigrid (100 иконок, AI)

Amenities (100 иконок, EPS, PSD)

Elegant Icons (360 иконок, Webfont)

Lightwing (60 иконок, Webfont)

Tonicons (500 иконок, EPS, Sketch, Webfont)

Epic Icons (1000+ иконок, Webfont)

Lynny Icons (900+ иконок, EPS, AI)

Helium (100 иконок, AI, EPS, SVG, Webfont)

Essential Icons (77 иконок, EPS, PSD, AI, SVG)

Dripicons (95 иконок, Webfont)

Cinema (200 иконок, SVG)

Open Iconic (200+ иконок, SVG, Webfont)

Twig (100+ иконок, SVG, Webfont)

MFG Labs Iconset (160+ иконок, Webfont)

PrestaShop Icons (300+ иконок, EPS, Webfont)

Subway (300+ иконок, Webfont)

Entypo (400+ иконок, Webfont)

Fundation Icons (100+ иконок, Webfont)

Ionic Icons (~750 иконок, Webfont)

Material Icons (~1000 иконок, SVG, Webfontg)

Font Awesome (1000+ иконок, Webfont)

Squid
Solid, Flat and Line Icons (150 иконок, EPS, AI, PSD, SVG)
Roundicons (60 иконок, PNG, SVG, EPS, PSD, AI)

Retinaicons (200 иконок, AI)

Swifticons (92*3 иконок, EPS, AI, PSD, Sketch SVG)

Ballicons 2 (36 иконок, PNG, SVG, PSD)

Больше спасибо всем за внимание.

бесплатные иконки для сайта. Инструменты веб-дизайнера #1

Привет. Хочу вам рассказать о замечательном сервисе, которым я очень часто пользуюсь в своей работе. Его я уже затрагивал в статье Где скачать картинки?

Но сейчас хочу посвятить ему отдельную статью. Что это за сервис? Как им пользоваться?

Если Вы занимаетесь веб-дизайном, создаете сайты, например, как я лендинги, то этот сервис Вас будет очень сильно выручать. Как выручает и меня. Сайт FlatIcon.com — лучший сервис с иконками во flat-стиле в интернете.

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

Видеоверсия статьи:

Хотите научиться делать сайты?

Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс «Идеальный сайт на WordPress» и «Лендинг в Elementor», где рассказал пошаговый план как создавать крутые сайты.

Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты.

Подробнее читайте по ссылке.

После перехода сразу видим поисковую строку, в которую пишем название нужной иконки на английском языке. Если с английским у Вас проблема или не знаете как переводится нужное слово, просто используем переводчик google translate.
Пишем, например деньги. Переводим на английский. Это money.

Пишем в строке поиска Money и здесь появляется подсказка. То есть можно выбрать, например, money bags, то есть сумка, мешок с деньгами, или money card – это пластиковая карта и т.д.

Видим много вариантов иконок. С недавнего времени добавили еще цветные иконки . Это очень круто!

Учитывая, что сейчас идет тренд на flat стиль и много сайтов делается в этом стиле, то этот сайт будет просто незаменим, потому что здесь очень шикарные иконки. Можем сортировать по популярным или недавно добавленным иконкам.

Вот мы видим, есть классные иконки в таком стиле, очень интересно. Я бы использовал такие на своем сайте. Так же здесь есть фильтр поиска. Он несложный. Первым идет выборка по цвету (color) — одноцветный (monocolor) или многоцветный (multicolor)

Давайте понажимаем, посмотрим. Вот выбрали одноцветный, показывается черный вариант. Либо multicolor — это с использованием нескольких цветов.

Следующий пункт – stroke. Жирность, насыщенность. То есть либо иконки с заливкой, либо линейные, с использованием тонких линий. Пользуйтесь поиском, чтобы уменьшить время на поиски.

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

Что такое коллекция? Если мы нажимаем добавить в коллекцию. Cверху справа видим квадратики – это и есть наша коллекция. То есть, если нужно несколько иконок, а зачастую это так, чтобы не открывать кучу вкладок с иконками мы просто создаем коллекцию.

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

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

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

Чтобы скачать, нажимаем на download collection, выбираем нужный формат, я выбираю png, и нужный размер, например 64. В новом окне нажимаем free download и идет скачивание архива. Final

Очень просто, очень классный сервис! Я им пользуюсь при создание каждого сайта. Вам тоже советую его выбирать.

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

Далее можем делать выборку по авторам, видим сколько у него иконок, то есть такие популярные авторы можно выбирать и уже у него выбирать нужный пак и скачивать.
Далее по категориям можем ориентироваться. Звери, стрелки, арт, билдинг – строение и т.д.

Какое преимущество, если мы залогинимся? Здесь сохраняются наши коллекции, которые мы когда-то собирали.

Так же показывает, что мы скачивали. Здесь есть также премиум планы. Мы используем бесплатный. Но можно покупать на месяц или на год. Отличие в том, что можно скачивать не в два клика, а в один. Не думаю, что это большое преимущество.

Так же можно создавать множество коллекций, сейчас вроде только до пяти. Но это тоже не так критично.

В принципе я пользуюсь бесплатным тарифом, он меня устраивает. Выбрал иконку, цвет, размер – скачал.

Вот такой сервис FlatIcon.

Надеюсь я ответил на вопрос Где скачать бесплатные иконки.

Пишите в комментариях, пользуетесь или нет и свои мысли по-поводу этого сервиса. На сколько он крут и полезен.

Приложения и плагины с перетаскиванием значков

Миллионы иконок прямо в вашем ПО

Перетаскивайте значки прямо в используемое программное обеспечение, включая Photoshop, Illustrator, Sketch, Google Docs, PowerPoint и многие другие более. Доступ к векторным значкам, форматам PNG и PDF, не выходя из приложения ваш рабочий процесс.

Noun Project для Mac

Перетащите значки из приложения практически в любой интерфейс Mac: Sketch, Creative Cloud, Google, Office и многое другое.

Подробнее

Надстройки Adobe

Ищите, захватывайте и изменяйте значки, не выходя из Adobe Illustrator, Photoshop или InDesign (ПК или Mac).

Подробнее

Дополнения Google

Дайте Google Slides и Google Docs быстрый и легкий визуальный эффект с перетаскиванием векторных значков.

Подробнее

Надстройки Майкрософт

Получайте и настраивайте значки из Microsoft PowerPoint и Слово, не нужно загружать раньше времени.

Подробнее

Сравните бесплатную версию и версию NounPro

Бесплатная версия включает в себя неограниченное использование 100 лучших иконок. Доступ Premium и разблокируйте еще 5 миллионов значков без лицензионных отчислений, просто наличие подписки NounPro.

Бесплатные функции

Возможности NounPro

100 значков

Неограниченное количество значков

Возможности NounPro

  • Неограниченное количество иконок
  • Изменить размер и Цвет
  • Неограниченные загрузки на NounProject.
    com

Бесплатные функции

  • 100 иконок
  • Изменить размер и цвет
  • Неограниченные загрузки на NounProject.com

бесплатных значков SVG, мгновенная загрузка [без указания авторства]

бесплатных значков SVG, мгновенная загрузка [без указания авторства] | Переснять

search—form#filterChange» data-type=»icons»> Иконки search—form#filterChange» data-type=»illustrations»>

Иллюстрации

Введите

search—form#filterChange» data-type=»no»> Иконки search—form#filterChange» data-type=»yes»> Наборы иконок

В отличие от вас, ваше величество, эта библиотека не требует авторских отчислений и может использоваться в коммерческих проектах. Знаковый.

Хотите создать что-то действительно культовое? В библиотеке иконок Reshot есть все необходимое. Мгновенно добавляйте акценты своим проектам благодаря мгновенной загрузке значков и отсутствию указания авторства, чтобы замедлить процесс.

Библиотека с иконками

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

Бизнес Социальные медиа Медицинский Недвижимость Образование Деньги Еда Строительство Стрелка Расположение Люди

Часто задаваемые вопросы

Какая лицензия на иконки Reshot?

По лицензии Reshot Icons Free License любые иконки Reshot можно использовать в любых коммерческих и некоммерческих проектах — бесплатно.

Просто так.

Чтобы узнать об ограничениях, связанных с товарными знаками и другими юридическими терминами, посетите нашу страницу «Лицензия и условия».

Нужно ли атрибутировать?

Вы совершенно не обязаны отдавать нам должное, но мы никогда не откажемся от крика! Распространите любовь, разместив ссылку на наш веб-сайт, или отметьте нас в нашем Instagram @reshot_hq, и мы можем просто поделиться!

Как скачать бесплатные иконки?

Просто найдите понравившийся значок, наведите на него курсор и нажмите «Загрузить». Тогда он твой!

Могу ли я редактировать иконки?

Определенно! Не стесняйтесь изменять значки Reshot, чтобы сделать их своими. Просто скопируйте прямо в Figma (или предпочитаемое вами программное обеспечение для дизайна) и настройте в соответствии с вашим настроением.

Можно ли использовать эти иконки бесплатно?

Ещё бы! Все наши значки можно использовать бесплатно — никаких условий.

No related posts.