Иконки цветные для сайта: цветной иконок – 1,368 бесплатных векторных иконок

Бесплатные цветные иконки для ваших проектов

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

40 Flat Icons from Squid Ink 

30 Long Shadow Flat Icons Free for Download 

Free Set Colorful Ficons Icons 42+ 

Beautiful Flat Icons 

Free Flat Icons 

Food Icons 

180+ Colorful Free icons

Flat icon set

100 Free Flat Color Icons

SwiftIcons: 96 Free Outlined, Filled & Colored Icons 

Freebie: Dashel Icon Set 

Blobs 

100 free Cosmo Color vector icons 

120 VECTOR ICONS 

Icons Mind: 50 Flat Icons

Happycons – 40 happy and unique icons 

100 free Unigrid Flat vector icons 

RetinaIcon: 200 Free Icons

Thousands COLORED — WIRED ICONS

FLAT CIRCLE ICONS

Автор подборки — Дежурка

Смотрите также:

30 коллекций бесплатных и свежайших иконок в формате SVG

Привет, друзья. Спешу представить Вам подборку самых новых и свежих, а так же бесплатных иконок в формате SVG. Их Вы можете использовать для создания дизайна своих сайтов и шаблонов. Тут 30 подборок различных иконок на самую разную тематику, таким образом появляется больше шансов найти именно то, что нужно.

Огромное спасибо http://www.cssauthor.com и рекомендую прошлые подборки:

Светлые иконки — Essential

Скачать

370 SVG иконок для веб интерфейса

Скачать

Цветные иконки для сайта — Practicons

Скачать

SVG иконки в стиле iOS7

Скачать

Скачать бесплатные иконки — Fanaticons

Скачать

Подборка SVG иконок с закругленными углами

Скачать

Подборка иконок — Bitcoin

Скачать

Flat иконки — Pixelvicon

Скачать

SVG иконки кредитных карт

Скачать

Бесплатные иконки социальных сетей в формате SVG

Скачать

100 бесплатных иконок на разную тему

Скачать

Минималистические иконки — Hawcons

Скачать

SVG иконки — Crispy

Скачать

Светлые и бесплатные иконки — Feather

Скачать

Бесплатные белые SVG иконки

Скачать

Несколько бесплатных векторных иконок

Скачать

Светлые и стильные иконки в стиле Flat

Скачать

Круглые иконки — Roundicons

Скачать

SPA — иконки в формате SVG

Скачать

SVG иконки под названием — Museum

Скачать

Иконки в стиле Stroke

Скачать

Несколько Flat иконок

Скачать

Иконки с тонкими линиями бесплатно

Скачать

Flat иконки в формате SVG — Ballicons

Скачать

Иконки на кухонную и ресторанную тематику

Скачать

Векторные иконки с тонкими линиями

Скачать

Иконки сердец бесплатно

Скачать

Иконки в SVG разнообразных разрешений файлов

Скачать

Иконки дня всех влюблённых

Скачать

Бесплатные социальные иконки

Скачать

Page not found (404)

Toggle navigation

• 
  Packs
  • Значок пакеты недавно Загрузил
  • Самых популярных значок пакеты
  • Эксклюзивные наборы значков

• 
  категории
  • Сельское хозяйство Иконки
  • Животные Иконки
  • Аватар и смайлики Иконки
  • Красота и мода Иконки
  • Бизнес и финансы Иконки
  • Мультфильм Иконки
  • Кино, телевидение и фильмы Иконки
  • Одежда и аксессуары Иконки
  • Преступление и безопасность Иконки
  • Культура, религия и фестивали Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Электронная торговля и покупки Иконки
  • Электронные устройства и оборудование Иконки
  • Файлы и папки Иконки
  • Флаги и карты Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Gym и Fitness Иконки
  • Здравоохранение и медицина Иконки
  • Промышленность и инфраструктура Иконки
  • Инфографика Иконки
  • Дети Иконки
  • люблю Иконки
  • Разное Иконки
  • Музыка и мультимедиа Иконки
  • Сеть и связь Иконки
  • Недвижимость и строительство Иконки
  • Школа и образование Иконки
  • Наука и технологии Иконки
  • SEO и Web Иконки
  • Sign и Symbol Иконки
  • Социальные медиа и логотипы Иконки
  • Спорт и игры Иконки
  • Инструменты, строительство и оборудование Иконки
  • Транспорт и транспортные средства Иконки
  • Путешествия, отели и каникулы Иконки
  • Пользовательский интерфейс и жесты Иконки
  • Погода и сезоны Иконки
• 
  стили значков
  • 3D Иконки
  • Badge Иконки
  • Filled outline Иконки
  • Flat Иконки
  • Glyph Иконки
  • Handdrawn Иконки
  • Long shadow Иконки
  • Outline Иконки
  • Photorealistic Иконки

• 
  Популярные поиски
  • Instagram Иконки
  • Vk Иконки
  • телефон Иконки
  • Папки Иконки
  • деньги Иконки
  • Социальные Иконки
  • Facebook Иконки
  • Telegram Иконки
  • Viber Иконки
  • корзина Иконки
  • Whatsapp Иконки
  • стрелка Иконки
  • Youtube Иконки
  • дом Иконки
  • Phone Иконки
  • люди Иконки
  • почта Иконки
  • папки Иконки
  • человек Иконки
  • доставка Иконки
  • галочка Иконки
  • папка Иконки
  • музыка Иконки
  • Mail Иконки
  • компьютер Иконки
  • вк Иконки
  • Steam Иконки
  • Instagram Иконки
  • сайт Иконки
  • фото Иконки

• Log in
• Register

404 Icon by Laura Reen

Page not found (404)

Toggle navigation

• 
  Packs
  • Значок пакеты недавно Загрузил
  • Самых популярных значок пакеты
  • Эксклюзивные наборы значков

• 
  категории
  • Сельское хозяйство Иконки
  • Животные Иконки
  • Аватар и смайлики Иконки
  • Красота и мода Иконки
  • Бизнес и финансы Иконки
  • Мультфильм Иконки
  • Кино, телевидение и фильмы Иконки
  • Одежда и аксессуары Иконки
  • Преступление и безопасность Иконки
  • Культура, религия и фестивали Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Электронная торговля и покупки Иконки
  • Электронные устройства и оборудование Иконки
  • Файлы и папки Иконки
  • Флаги и карты Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Gym и Fitness Иконки
  • Здравоохранение и медицина Иконки
  • Промышленность и инфраструктура Иконки
  • Инфографика Иконки
  • Дети Иконки
  • люблю Иконки
  • Разное Иконки
  • Музыка и мультимедиа Иконки
  • Сеть и связь Иконки
  • Недвижимость и строительство Иконки
  • Школа и образование Иконки
  • Наука и технологии Иконки
  • SEO и Web Иконки
  • Sign и Symbol Иконки
  • Социальные медиа и логотипы Иконки
  • Спорт и игры Иконки
  • Инструменты, строительство и оборудование Иконки
  • Транспорт и транспортные средства Иконки
  • Путешествия, отели и каникулы Иконки
  • Пользовательский интерфейс и жесты Иконки
  • Погода и сезоны Иконки
• 
  стили значков
  • 3D Иконки
  • Badge Иконки
  • Filled outline Иконки
  • Flat Иконки
  • Glyph Иконки
  • Handdrawn Иконки
  • Long shadow Иконки
  • Outline Иконки
  • Photorealistic Иконки

• 
  Популярные поиски
  • Instagram Иконки
  • Vk Иконки
  • телефон Иконки
  • Папки Иконки
  • деньги Иконки
  • Социальные Иконки
  • Facebook Иконки
  • Telegram Иконки
  • Viber Иконки
  • корзина Иконки
  • Whatsapp Иконки
  • стрелка Иконки
  • Youtube Иконки
  • дом Иконки
  • Phone Иконки
  • люди Иконки
  • почта Иконки
  • папки Иконки
  • человек Иконки
  • доставка Иконки
  • галочка Иконки
  • папка Иконки
  • музыка Иконки
  • Mail Иконки
  • компьютер Иконки
  • вк Иконки
  • Steam Иконки
  • Instagram Иконки
  • сайт Иконки
  • фото Иконки

• Log in
• Register

404 Icon by Laura Reen

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

Привет, Хабр! Сегодня я хочу представить вам огромную коллекцию из 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)

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

33 красивых бесплатных набора иконок

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

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

Во второй версии набора Dripicons находятся более 200 иконок самых популярных категорий, например стрелки или элементы управления.

Двухцветные иконки делают ваш дизайн более визуально привлекательным. 60 бесплатных иконок в этом наборе доступны в форматах PSD, SVG и AI.

100 уникальных бесплатных иконок способных украсить ваш интерфейс.

Больше 480 красивых иконок с открытым исходным кодом. Вы можете выбрать залитую или контурную версию.

Эмоции Фейсбука в двух форматах (Sketch и SVG).

Набор простых иконок с открытым исходным кодом. Каждая иконка нарисована в квадрате 24х24 с акцентом на простоту, последовательность и удобство использования.

Этот набор иконок можно легко настроить в соответствии с потребностями дизайна.

15 бесплатных аватаров доступнях в форматах SVG и Sketch от Анны Литвинюк.

Бесплатная коллекция из 70 самых необходимых иконок, доступных в форматах AI, Sketch и SVG.

Огромный набор иконок из дизайн-системы Google.

100 бесплатных векторных иконок с использованием градиента.

50 бесплатных нарисованных от руки иконок для придания вашему дизайну забавного и необычного вида.

Специальный набор на финансовую тематику.

233 иконки с открытым исходным кодом предназначенные для того, чтобы быть разборчивыми вплоть до 8 пикселей.

Премиум-иконки для использования в веб-приложениях, iOS, Android и настольных приложениях. Поддержка веб-шрифтов и SVG-графики. Полностью открытый исходный код.

Прекрасный набор из 12 иконок на медицинскую тематику.

100 бесплатных минималистичных иконок.

Очень полезный набор от талантливого дизайнера – Адриана Кокета.

300 иконок в трех вариациях: цветные, залитые и контурные.

Набор системных иконок нейтрального стиля с открытым исходным кодом.

100 бесплатных залитых иконок, которые идеально подходят для добавления контраста в интерфейс.

80 иконок, доступных в PSD и SVG от Абхимани Рана.

15 бесплатных контурных иконок в PSD и SVG от Лучиуса Чена.

Набор из 54 иконок разных форматов (AI, SVG).

48 бесплатных тонких иконок PSD и SVG форматов размеров в 32 пикселя.

Прекрасные минималистичные иконки SVG формата.

Бесплатные премиум иконки в SVG для вашего дизайна.

Более 90 перфективных иконок в различных цветовых схемах на ваш выбор.

Большой набор на бизнес тематику.

Простые залитые иконки, которые выглядят круто в любом размере.

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

24 медицинские иконки с чудесным двухцветным контуром.

7 технологических иконок отражающих идеи будущего

Источник: Pastel Blog

Цветные иконки для сайта и не только

Похожие предложения

Созданий сайта на Тильда. Использую не только шаблоны, но и zero блоки

Цена: 5000 ₽ в Kwork
Подробнее Купить

Создание сайта визитки/блога/небольшого магазина/главной страницы В своей работе предпочтение отдаю лаконичному и минималистичному дизайну

Иконки для сайта, соцсетей и не только

Цена: 1500 ₽ в Kwork
Подробнее Купить

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

Сделаю иконки для сайта, приложений

Цена: 500 ₽ в Kwork
Подробнее Купить

Создам под ключ любые варианты иконок для приложений, сайтов, меню и т. д. Любые размеры и форматы, нужные Вам

Создам стильные баннеры для сайта, рекламы, соцсетей

Цена: 500 ₽ в Kwork
Подробнее Купить

Создам стильный яркий статичный баннер для вашего сайта и рекламы. + В качестве бонуса предоставлю исходник. Со своей стороны гарантирую: — внимательное изучение тематики разрабатываемого баннера; — диалог с заказчиком, обсуждение особенностей макета; — выполнение работы в обговоренный срок; — внесение незначительных правок в разработанный дизайн, согласно ТЗ.

Создам рекламный баннер для сайта

Цена: 500 ₽ в Kwork
Подробнее Купить

Создам рекламные баннеры для сайта, блога, групп на Вашу тематику. Учту все ваши пожелания и правки. Работа до конечного результата. Цена указана за 2 баннера.

Создам уникальный дизайн для сайта

Цена: 4500 ₽ в Kwork
Подробнее Купить

Создаю уникальный дизайн для сайта, лендинга, интернет-магазина, помогаю решить бизнес-задачи. Делаю так, чтобы ваши сайты, цепляли с первого взгляда и работали на вас! Каждый день я углубляю свои знания в web-дизайне, а также изучаю таргетированную рекламу и SEO-оптимизацию сайтов. Рада предложить Вам свои услуги по разработке сайта на платформе Тильда. Работаю в таких программах как: Adobe Illustrator, Adobe Photoshop, Figma, Tilda

Уникальный дизайн для Вашего сайта

Цена: 1500 ₽ в Kwork
Подробнее Купить

Добро пожаловать на страницу, Друзья! Если понадобился веб-дизайнер, то Вы по адресу. Для создания качественного, уникального дизайна необходимо соблюдение 2 условий: 1) НЕ обращаться за помощью к конструкторам сайтов. 2) Довериться специалисту. Нет смысла рассказывать почему Вы должны выбрать именно меня, просто скажу, что каждая работа должна быть уникальной настолько, насколько это возможно, Этого я и стараюсь достичь при создании проекта. Я сделаю: -landing page — корпоративный сайт — интернет-магазин Я гарантирую: — постоянную связь — учет всех пожеланий — возврат средств при неудовлетворительном результате. Вы ничего не теряете

Дизайн сайта

Цена: 2500 ₽ в Kwork
Подробнее Купить

Сделаю вам Дизайн сайта, дешево, красиво, функционально Дизайн делаю с нуля по вашему техническому заданию. Также, у меня можно заказать: — Афиши — Визитки — Логотипы — Оформление соц. сетей (вплоть до шаблона поста) Ссылку на портфолио даю по запросу

Дизайн любого элемента сайта

Цена: 500 ₽ в Kwork
Подробнее Купить

Создам дизайн любого элемента вашего сайта в соответствии с вашими пожеланиями. — Всплывающие окна — Дополнительный блок — Слайдер/баннер — Форма обратной связи — Форма заявки — различные блоки сайта. Результат вы получите в формате PSD в слоях + JPG для просмотра Вами. В базовый кворк входит дизайн одной формы обратной связи, в которую входит не более 4 полей и 1 кнопки, размер формы не более 500x500px

цветных иконок PNG изображений | 62000+ Vector Icon Packs

900 62

рейтинг опроса цветные элементы набор векторных иконок

5000 * 5000

20+ лучших премиум и бесплатных пакетов значков для веб-разработчиков и дизайнеров

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

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

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

Плюсы использования иконок в следующем UX-дизайн-проекте

• Иконки помогают повысить удобочитаемость сайта или приложения;
• Хорошо оформленные значки помогают уменьшить объем текста. Использование значков делает ваше сообщение понятным без текста;
• Иконки могут добавить индивидуальности вашему продукту;
• Иконки могут быть хорошей отправной точкой в ​​знакомстве с продуктом;
• И последнее, но не менее важное: одна из наиболее важных функций иконок — помочь пользователям интуитивно понять приложение как при первом знакомстве, так и во время последующего использования.

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

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

• Бесплатные иконки ;
• Торговые площадки с наборами иконок. На торговой площадке представлены иконки разных авторов. Здесь можно найти как дешевые и дорогие, так и хорошие и некачественные товары;
• Значок материала набора и Плоский значок набора;
• Наборы иконок CSS. Значки CSS созданы с использованием — угадайте, что — CSS. Чтобы использовать их, просто скопируйте код на свою страницу;
• Иконки шрифтов. Согласно Pluralsight, шрифты значков — это фактические шрифты, которые содержат символы и глифы вместо букв или цифр.Они популярны среди веб-дизайнеров, поскольку вы можете стилизовать их с помощью CSS так же, как и обычный текст. Иконочные шрифты обрабатываются браузерами как текст, поэтому вам необходимо нормализовать их, чтобы избежать проблем со сглаживанием текста, и поддерживаются почти во всех браузерах;
• SVG-иконки. Масштабируемая векторная графика (SVG) — это формат векторной графики на основе XML, который можно масштабировать до любого размера без потери четкости. Они могут отображаться с помощью CSS, тегов объектов, тегов изображений или встроены непосредственно в ваш HTML;
• Наборы символов и пиктограмм .

Список лучших пакетов значков

Флатикон

Веб-сайт: https://www.flaticon.com/packs
Форматы и тип: PNG, SVG, EPS, PSD и BASE 64, Marketplace
Цена и лицензия: Ограниченный бесплатный план и премиум планы от 7,50 $ / месяц

Flaticon содержит полностью редактируемые векторы и может использоваться как для личных, так и для коммерческих проектов. FlatIcon содержит более 2,3 миллиона векторных иконок, сгруппированных в 51202 пакета.

Продукт имеет расширение Adobe, которое позволяет легко импортировать значки в Photoshop, Illustrator и After Effects. Если вы хотите использовать веб-шрифт вместо статических файлов для ваших значков, FlatIcon позаботится о преобразовании формата и сгенерирует веб-шрифт, готовый к использованию. Вы также можете настроить загруженные значки.

Основные факты:

• более 90 000 иконок;
• форматы SVG, EPS, PSD и PNG;
• иконочных шрифтов;
• Adobe Extension for CC Suite;
• Лицензия Linkshare с дополнительными опциями; и
• новых пакетов значков добавляются каждый месяц.

Премиум-подписка с FlatIcon предоставит вам полные лицензионные права, доступ к эксклюзивному контенту, отсутствие рекламы, приложение MacOS и расширения Adobe, а также возможность создавать неограниченное количество коллекций.

Jam Icons

Веб-сайт: https://jam-icons.com/
Формат и тип: SVG, CSS
Цена и лицензия: бесплатно, MIT

Иконки Jam — это набор из 896 иконок ручной работы. Этот пакет значков поставляется с версиями SVG и шрифтов.Значки можно использовать как файлы SVG в ваших проектах в Интернете, печати или разработке приложений. Значки также можно использовать в качестве шрифта с заданными таблицами стилей CSS. Есть размеры 16px, 24px и 32px. Вы также можете выбрать заливку или обводку значков.

Fontisto Icon Pack

Веб-сайт: https://fontisto.com/
Формат и тип: CSS
Цена и лицензия: Free, MIT

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

На веб-сайте вы можете найти полную документацию и различные руководства по запуску и настройке продукта. Вы можете начать использовать продукт, просто вставив ссылку на свой сайт. Кроме того, вы можете использовать Fontisto с подходящими для вас менеджерами пакетов: npm, yarn, bower и т. Д.

Iconscout

Веб-сайт: https: // iconscout.com / icons
Формат и тип: SVG, PNG, ICO, ICNS, EPS, AI, PDF
Лицензия и цена: Бесплатные и премиальные планы от $ 11,99

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

Ключевые факты:

• 2,9 млн + иконок, 30 тыс. + Иллюстраций, 3 тыс. + 3D-ассеты, 2,8 тыс. Анимаций Lottie;
• 5000+ активов добавляются каждый день;
• Iconscout Приложение доступно для использования прямо с панели инструментов;
• Интегрированные плагины и инструменты, такие как Icon Editor и Icon Converter.

Iconmonstr

Веб-сайт: https: // iconmonstr.com /
Формат и тип: SVG, EPS, PSD и PNG, Marketplace
Цена и лицензия: Бесплатно

Коллекция иконок

Iconmonstr насчитывает более 4400 иконок. Каждый набор значков предлагает как очертания, так и варианты графики с заливкой, чтобы их можно было использовать в различных дизайнерских приложениях. Каждый значок на этом сайте доступен бесплатно, а файлы значков имеют такие форматы, как SVG, AI, PSD и PNG. Файлы можно использовать в коммерческих и бесплатных целях.

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

Основные характеристики:

• бесплатное использование всех значков,
• четыре варианта загрузки формата и
• уменьшенных значков, оптимизированных для использования в Интернете.

Библиотека значков материалов Pixsellz

Веб-сайт: https://icons.pixsellz.io/
Формат: SVG, EPS, PSD, PNG, FIG, Material design
Цена и лицензия: бесплатно, Apache License Version 2.0

Огромный набор из более чем 1000 иконок, разделенных на 16 различных категорий. Бесплатный набор значков вдохновлен материальным дизайном и представлен в трех различных визуальных стилях — округлых, контурных и двухцветных. Набор доступен в 6 различных форматах файлов, поэтому вы можете использовать значки в предпочитаемой вами программе для дизайна.

Основные характеристики :

• 3 стиля,
• стилей Figma,
• 1000+ значков,
• 24 × 24 пикселя,
• стилей и символов эскиза,
• 16 категорий и
• 6 форматов файлов.

Entypo

Веб-сайт: http://www.entypo.com/
Формат и тип: SVG
Цена и лицензия: Бесплатно, Creative Common License 4.0

Entypo — это семейный набор иконок svg, тщательно созданный несколько лет назад Дэниелом Брюсом из Швеции. Эти значки великолепны: когда дело доходит до бесплатных услуг, они первоклассные. Продукт поставляется в формате SVG с 411 значками, бесплатно с лицензией Creative Commons.

Автор говорит, что создание шрифта занимает много времени, и лучше потратить время на разработку новых пиктограмм.

Злые иконы

Веб-сайт: https://evil-icons.io/
Формат и тип: SVG, Sketch
Цена и лицензия: Free, MIT

Этот пакет огромен, и в нем есть все, включая SVG и исходные файлы. Это означает, что вы можете загружать SVG вместе с файлами для Illustrator и файлами .sketch для Sketch.

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

Иконки оптимизации

Веб-сайт: https://streamlineicons.com/
Формат и тип: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Цена и лицензия: Бесплатно до $ 411

Streamline Icons — еще один красивый и легко адаптируемый бесплатный набор иконок на веб-рынке. Инструмент разделен на 53 категории с более чем 30000 векторными иконками.

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

У компании есть собственное веб-приложение, которое помогает просматривать, искать и загружать значки прямо из браузера.

Основные характеристики:

• организовано более 30000 векторных иконок;
• Smart Strokes для изменения толщины контура;
• Эскиз, форматы AI, EPS, PDF, PNG, SVG;
• веб-приложение для поиска и редактирования иконок;
• каждый значок в Streamline 3.0 имеет три уникальных веса: светлый, обычный и жирный.

Smashicons

Веб-сайт: https://smashicons.com/
Формат и тип: JAR, SVG, AI, SKETCH, Marketplace
Цена и лицензия: Бесплатно до $ 149

Smashicons предлагает обширную коллекцию иконок с более чем 219000 иконок в своей библиотеке. Smashicons работает немного иначе, чем другие: их цена основана на ежемесячном плане 5 долларов в месяц. Это означает, что за 5 долларов в месяц вы получаете доступ ко всей их коллекции существующих значков, а также к любым будущим значкам, которые они выпустят.

Основные характеристики:

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

Иконки8

Веб-сайт: https://icons8.com/
Формат и тип: SVG, PNG, PDF
Лицензия и цена: Лицензия Good Boy, бесплатно до 24 долларов в месяц

Набор значков от Icons8 включает более 1 20000 значков, охватывающих несколько категорий; от бизнеса и офиса до людей, еды и значков социальных сетей.Иконки созданы, чтобы имитировать внешний вид конкретной операционной системы. Вы можете скачать их в версиях для Windows, iOS и Android.

Иконки работают в Sketch, Photoshop и Xcode. Вы можете использовать веб-редактор перед загрузкой значков в свою систему.

Основные характеристики:

• форматы SVG, PNG и HTML;
• значков доступны в различных стилях, например, значок линии, значок с заливкой и полноцветный;
• все иконки можно скачать через.zip-файл;
• редактировать перед загрузкой;
• как бесплатная, так и платная подписка.

Icomoon

Веб-сайт: https://icomoon.io/
Формат и тип: SVG, PNG, PDF
Лицензия и цена: Бесплатно до 139 долларов в месяц

Icomoon представляет собой полноценный инструмент для иконографии и управления иконками. В продукте есть качественное решение для редактирования и управления иконками. Иконки Icomoon созданы вручную в сетке 16X16 и доступны в форматах SVG, EPS, PSD, PDF и AI.Набор иконок также постоянно обновляется его создателями.

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

Основные характеристики :

• комплексных инструментов управления значками,
• бесплатных и платных вариантов загрузки,
• различных форматов загрузки,
• бесплатных и простых обновлений.

Glyphish Icon Pack

Web-сайт: http: // www.glyphish.com/
Формат и тип: SVG, PNG, PDF, PSD, Glyph, Icon font
Лицензия и цена: Creative Common Attribution, 99 долларов США за весь срок службы

Glyphish предлагает множество различных пакетов значков. Каждый пакет поставляется в различных форматах, включая PNG, SVG, PSD и AI. Набор иконок доступен за 99 долларов. Бесплатная демоверсия включает 50 иконок. Все иконки легко редактируются дизайнерами.

Основные характеристики:

• иконок для нескольких платформ: iOS, Android, Web, Windows;
• набор из 50 бесплатных иконок;
• простое перетаскивание в Xcode;
• иконок, специально созданных для дисплеев Apple Retina.

Иониконы

Веб-сайт: https://ionicons.com/
Формат и тип: SVG и Webfont, шрифт Icon
Лицензия: MIT

Команда Ionic решила выпустить свои значки в виде веб-шрифта под названием Ionicons. Естественно, они абсолютно бесплатны и доступны на GitHub. Вы даже можете добавить эти значки прямо на свой сайт, используя версию таблицы стилей для CDN. Он полностью поддерживает SVG и веб-шрифты.

Основные характеристики:

• совершенно бесплатно,
• простая установка путем копирования и вставки ссылки,
• поставляется в виде веб-шрифта,
• нестандартных размеров,
• более 1100 элементов.

Угловые значки материалов

Веб-сайт: https://material.io/resources/icons/?style=baseline
Формат и тип: SVG, Webfont, Material design
Лицензия и цены: бесплатно, Apache License 2.0

Material Icon — это бесплатный набор значков от Google. Чтобы обеспечить удобочитаемость и ясность, эти значки были оптимизированы, чтобы отлично смотреться на всех платформах и дисплеях. Эти значки материалов абсолютно бесплатны и доступны на GitHub.Этот набор значков огромен и включает более 1000 значков, охватывающих широкий спектр функций интерфейса.

Все символы доступны в пяти темах. Вы получите несколько загружаемых размеров и плотностей. Лучший формат для веб-проектов — это простой в использовании значок веб-шрифта.

Линейные значки

Веб-сайт: https://linearicons.com/
Формат и тип: SVG, Webfont, Icon font
Лицензия и цена: Бесплатно до 59 $, Common Creative License

Linear Icon pack — один из самых популярных и лучших наборов значков для личных или коммерческих целей.Пакет линейных значков доступен как в бесплатной, так и в премиальной версиях. Бесплатная версия этого замечательного набора значков распространяется под лицензией Creative Common. Существуют также различные пакеты, которые вы можете выбрать в соответствии с вашими потребностями, например, Desktop Package.

Основные характеристики :

• CloudFront CDN;
• доступна бесплатная версия;
• имеет разные форматы: SVG, PDF, Webfont.

Перья

Web-сайт: https: // fedicons.com /
Формат и тип: SVG, Webfont, Iconfont
Лицензия и цена: бесплатно, лицензия MIT

Feather — один из самых популярных наборов иконок с открытым исходным кодом. Это значки с открытым исходным кодом, созданные в сетке 24X24. Иконки доступны в формате SVG. Он находится под лицензией MIT, а в открытом исходном коде содержится около 250+ иконок.

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

Iconfinder

Веб-сайт: https://www.iconfinder.com/
Формат: SVG, PNG, ICO, Marketplace
Лицензия и цена: От 9 до 49 долларов в месяц

Iconfinder — один из самых популярных ресурсов иконок в сети. Он предлагает более 4 миллионов значков, предоставляя пользователям множество вариантов поиска, включая формат значков, цену, размер, фон и т. Д. Существует несколько ежемесячных планов оплаты — от 9 до 49 долларов. Вы также можете выбрать систему «плати по мере использования».

Файлы значков

доступны в форматах SVG, PNG, ICO, ICNS и Adobe Illustrator, а их размеры варьируются от 16 × 16 до 512 × 512. Вы также можете поработать с некоторыми из лучших дизайнеров сайта, если не можете найти что-то, что вам нравится, или просто хотите, чтобы пользовательские значки были разработаны специально для вас и вашего бренда.

Основные характеристики:

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

The Noun Project

Веб-сайт: https://thenounproject.com/
Формат и тип: SVG, PNG, Marketplace
Лицензия и цена: Лицензия Creative Commons, От $ 39,99

The Noun Project предлагает одну из самых больших библиотек иконок, доступных в сети. Большинство значков этого сайта доступны в форматах SVG и PNG, а также в черном и белом стилях.

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

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

Основные характеристики:

• более 150 000 иконок;
• форматы SVG, PNG;
• средства поиска и обнаружения;
• Creative Common License с дополнительными опциями;
• бесплатные и платные варианты загрузки;
• новых иконок загружаются почти ежедневно.

Иконки Fontawesome

Веб-сайт: https://fontawesome.com/icons
Формат и тип: SVG, PNG, шрифт Icon, Marketplace
Лицензия и цена: SIL OFL 1.1

Font Awesome — это самый используемый и самый популярный набор шрифтов для иконок. Это также значок, установленный по умолчанию для команды при начальной загрузке. Он также доступен в виде значков SVG среди других форматов. Лицензия открыта и бесплатна для всего, коммерческого или личного.

Каждый значок полностью масштабируется и поддерживается непосредственно в CSS. Вы можете изменять цвета, тени, градиенты фона и многое другое, используя чистый CSS3. Еще одна причина использовать эту библиотеку заключается в том, что она полностью оптимизирована и не имеет проблем с совместимостью, поскольку вообще не требует JavaScript.

Основные характеристики:

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

Линейные значки

Веб-сайт: https://lineicons.com/
Формат и тип: SVG, веб-шрифт, шрифт Icon
Лицензия и цена: Бесплатно

LineIcons также предоставляет бесплатный CDN с понятной документацией, что упрощает начало работы.

Этот набор значков полностью бесплатный и содержит более 450 линейных значков. Он охватывает все необходимые для проекта значки из разных категорий. LineIcons также предоставляет бесплатный CDN и понятную документацию, чтобы легко начать работу.Он поставляется с двумя различными масштабируемыми пакетами — WebFonts и файлами SVG, которые вы можете использовать в зависимости от потребностей вашего проекта.

Основные характеристики:

• 450+ бесплатных иконок,
• файлов SVG,
• готовых веб-шрифтов,
• бесплатных CDN.

Последние мысли о Icon Packs

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

Также важным фактором при выборе набора значков будет соответствие стилю вашего приложения или сайта.

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

Возможно, вам понравятся эти статьи:

45 разноцветных плоских иконок [Халява] — Smashing Magazine

Краткое резюме ↬

Как часто вы ищете симпатичные, дружелюбные, хорошо продуманные значки , которые хорошо вписались бы в довольно неформальную атмосферу дизайна? Что ж, если вы не склонны иметь только корпоративных клиентов, вы определенно можете использовать набор значков, который мы выпускаем сегодня.Иконки абсолютно бесплатны для использования как в коммерческих, так и в личных проектах, включая программное обеспечение, онлайн-сервисы, шаблоны и темы.
Обратите внимание, что этот набор значков находится под лицензией Creative Commons Attribution 3.0 Unported. Вы можете изменить размер, цвет или форму значков. Указание авторства не требуется, однако перепродажа комплектов или отдельных пиктограмм запрещена. Пожалуйста, всегда предоставляйте кредиты создателям и дайте ссылку на статью, в которой был выпущен этот бесплатный подарок, если вы хотите распространить информацию.

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

Обратите внимание, что этот набор значков находится под лицензией Creative Commons Attribution 3.0 Unported. Вы можете изменить размер, цвет или форму значков. Пожалуйста, всегда предоставляйте кредиты создателям и дайте ссылку на статью, в которой был выпущен этот бесплатный подарок, если вы хотите распространить информацию.

Полный предварительный просмотр набора иконок. (Просмотр увеличенной версии) Полностью многослойный и легко редактируемый векторный формат. (Просмотреть увеличенную версию) Несколько значков включены в набор значков. (Просмотреть увеличенную версию) Больше после прыжка! Продолжить чтение ниже ↓

Встречайте Smashing Email Newsletter с полезными советами по интерфейсу, дизайну и пользовательскому интерфейсу.Подпишитесь и получите «Контрольные списки интеллектуального проектирования интерфейсов» — бесплатную подборку в формате PDF с более чем 150 вопросами, которые нужно задать себе при проектировании и создании почти чего-либо .

Скачать The Icon Set бесплатно

Идеи дизайнеров

«Нас четверо дизайнеров, которые работают вместе с талантливыми веб-дизайнерами, разработчиками и другими людьми, и хотели вернуть что-то дизайнерскому сообществу и другим, кто нам помог. Вот почему мы разработали набор из 45 плоских иллюстрированных значков специально для Smashing Magazine.Эти иконки были созданы, чтобы объединить два самых популярных направления дизайна: «плоский» и «иллюстрированный». Используемые цвета и формы удачно подчеркивают две тенденции. Плоские иллюстрированные значки предназначены для работы с различными цветными фонами и устройствами. Ясно, что тенденция плоского дизайна сохранится; мы надеемся, что этот иллюстрированный набор иконок внесет разнообразие в ваши проекты! »

Спасибо Эми Эндрюс и творческим умам Whoishostingthis — мы искренне ценим ваше время и усилия! Продолжайте в том же духе!

Дополнительная литература по SmashingMag:

(il)

Как создать иконки веб-сайтов любого цвета

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

Набор иконок: Iconza.com

Значки, используемые в шаблоне базового профиля (alt), взяты с сайта iconza.com, который предлагает набор из 119 значков, которые можно настроить с помощью инструмента выбора цвета, а затем загрузить и использовать с лицензией Creative Commons Attribution (что означает, что в iconza.com требуется, если вы используете их значки). Чтобы настроить набор значков, начните с перехода на веб-сайт iconza.com, щелкнув изображение ниже.

Шаг 1. Выберите цвет

Первое, что вы увидите, это набор значков цвета по умолчанию. Вы можете выбрать один из нескольких цветов или использовать поле выбора цвета, чтобы указать цвет с использованием шестнадцатеричного значения. Для шаблона Basic Profile (alt) я использовал # 239a23, который создает зеленые значки. Если вы хотите создать набор синих значков, например, используя мой классический синий цвет из шаблона andreas01, щелкните красное поле над значками рядом с меткой «Цвет» и введите шестнадцатеричное значение # 467aa7.

Шаг 2. Загрузите набор значков

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

Шаг 3. Извлеките .zip и отредактируйте CSS.

По окончании загрузки распакуйте только что загруженный файл .zip в папку / images / icons / шаблона Basic Profile (alt), чтобы перезаписать набор значков, включенный в шаблон.Если вы отредактировали цвета ссылок в файле basic-profile-alt.css и изменили цвет по умолчанию (# 239a23) на # 467aa7, теперь вы можете просмотреть изменения в своем веб-браузере. Если вы еще не редактировали CSS, изменения, которые необходимо внести в CSS, находятся в следующих двух строках:

а {цвет: # 239a23; украшение текста: нет;}
h2 a {цвет: # 239a23; текстовое преобразование: нет;}
 

Измените значение цвета, чтобы линии выглядели следующим образом:

a {цвет: # 467aa7; украшение текста: нет;}
h2 a {цвет: # 467aa7; текст-преобразование: нет;}
 

… и готово.

Шаг 4. Просмотрите изменения

Теперь шаблон должен выглядеть так:

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

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

базовый профиль, css, значки, инструменты, учебные пособия

Эту статью написал Андреас Виклунд

Веб-дизайнер, писатель и творческий двигатель, стоящий за этим сайтом. Автор большинства бесплатных шаблонов веб-сайтов, а также некоторых тем WordPress.

15 лучших сайтов для поиска бесплатных и современных иконок

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

Представьте, что вам нужно постоянно создавать новый значок каждый раз, когда вы создаете новый дизайн и / или проект? Звучит мучительно много времени. Но это также причина, по которой в последние годы появилось так много отличных веб-сайтов с иконками.

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

Сказав это, вы также можете выбрать подписку на членство Premium — многие сайты в этом списке предлагают модели ценообразования премиум-класса. А становление участником означает, что вы также получаете доступ к дополнительным значкам и контенту.

Для начала я бы не стал беспокоиться об оплате.Мы специально создали этот пост, чтобы выделить сайты, которые предлагают бесплатные иконки и платные опции в качестве альтернативы.

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

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

Flaticon имеет такую ​​прочную репутацию, что вы будете сталкиваться с этой платформой почти каждый раз, когда будете искать новые значки.Во всяком случае, на то есть веские причины. Flaticon — это побочный продукт организации FreepikCompany, которая специализируется на предоставлении великолепных визуальных впечатлений всем во всем мире.

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

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

Честно говоря, это стоит каждого доллара (10 долларов в месяц) за их премиальные услуги. Вы можете редактировать значки, чтобы изменять цвета, шрифты и другие элементы. И вы можете загружать значки во многих различных форматах файлов. Включая SVG, PNG, BASE64, EPS и PSD.

Кроме того, если вы пользователь Mac, вы можете загрузить приложение Flaticon OS X и просматривать значки без использования веб-браузера!

А есть вообще бесплатные иконки? Iconfinder пытается доказать, что есть, и с десятками тысяч бесплатных иконок, доступных для скачивания; мы знаем, что эти ребята что-то делают правильно.Как и на предыдущей платформе, Iconfinder запускает большинство своих бесплатных иконок под лицензией CC 3.0.

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

Помимо всего прочего, Iconfinder имеет огромную базу данных, в которой в общей сложности содержится более 3 миллионов иконок, тем не менее, в формате SVG.И вы можете получить доступ к уникальным значкам, зарегистрировавшись в качестве премиум-члена всего за 9 долларов в месяц. Этот план позволит вам загружать до 10 иконок в месяц. А за 49 долларов в месяц вы можете получить неограниченное количество загрузок.

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

Итак, одна из областей, в которой Icons8 выделяется, — это разнообразие стилей значков.Например, вы можете выбрать значок «Принтер», а затем выбрать один из более чем 30 отдельных стилей для этого значка. Кроме того, вы можете редактировать каждый значок прямо из браузера. И когда мы говорим «редактировать», мы действительно имеем в виду именно это.

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

Чаще всего Icons8 выглядит как программа для редактирования векторных изображений в реальном времени, доступная прямо из вашего веб-браузера.Общее качество иконок феноменально, и вы можете загружать их очень быстро.

И последнее, но не менее важное: если вы пользователь Windows и не хотите платить деньги за Sketch: попробуйте Lunacy — бесплатную альтернативу Sketch для пользователей Windows.

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

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

И часто я загружаю до 5 ресурсов просто потому, что на них так приятно смотреть. Если вы работаете над инфографическим проектом или проводите капитальный ремонт веб-дизайна, Freepik предоставит вам необходимые графические ресурсы, чтобы выделить ваш новый проект.

Iconshock находится в ведении Unusual Minds, организации, специализирующейся на современном графическом дизайне, но также занимающейся разработкой программного обеспечения. Эти ребята работали графическими дизайнерами более десяти лет и сумели собрать более 2 миллионов оригинальных иконок для своей платформы Iconshock.

Их работы представлены не только среди ведущих журналов планеты, но и в некоторых из самых популярных программ в мире. Если бы когда-либо были настоящие пионеры дизайна иконок, эти ребята заняли бы довольно высокое место в списке.

Помимо библиотеки из 2 миллионов иконок, Iconshock также специализируется на пользовательских стилях. В частности, такие фавориты, как Material, iOS, Flat, Modern и многие другие.

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

Всего за 3 года компании Pngtree удалось накопить миллионы уникальных ресурсов графического дизайна. Среди них: иллюстрации, векторы, шаблоны, фоны и, самое главное, значки.

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

Найдя значок, вы можете загрузить его как файл PNG или SVG с максимальным размером 512 × 512. Кроме того, каждая отдельная страница значков также включает «связанные значки».

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

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

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

В результате вы получаете более 230+ уникальных пакетов великолепно разработанных креативных иконок. Вы можете сузить результаты поиска на основе таких фильтров, как «Цветной», «Глиф» или «Контур».

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

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

У материального дизайна был большой потенциал, но не все были непреклонны в использовании его в своих повседневных проектах. И нас не удивит, если в конце концов Google останется единственной платформой, которая все еще использует Material Design в своих проектах.

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

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

Подобно одному из сайтов, которые мы уже рассматривали, FreeIcons посвящен выделению только самых известных из Icon Packs.

Каждый пакет содержит до 100 иконок, и большинство из них невероятно хорошо продумано. Общая тема, похоже, по большей части ориентирована на иконки, связанные с технологиями.

Но будьте уверены, вы также можете найти значки на такие темы, как путешествия, еда, женщины, страны и многое другое.

И вы можете выбрать один из стилей, таких как 3D, Мультфильм, Нарисованный вручную, Значки, Сглаживание и многие другие.

Streamline существует уже несколько лет. И их 3.0 отмечает более 30 000 уникальных иконок. Мы говорим не только о каких-то среднестатистических иконках.

Большинство популярных продуктов, связанных с веб-сайтами, используют Streamline в качестве основного выбора для предоставления значков своим клиентам. Например. Если вы когда-либо использовали плагин WPBakery Page Builder, вам обычно рекомендуется использовать библиотеку значков Streamline.

Он также полностью совместим с IconJar. IconJar — это феноменальное приложение для Mac, которое помогает автоматически организовать все ваши пакеты значков.Вы можете буквально продолжать загружать новые материалы и никогда не испытывать затруднений. И только представьте, мгновенно организовав доступ к более чем 30к иконок.

Исключительные значки с исключительными сторонними дополнениями для упрощения рабочего процесса.

Невозможно написать статью о лучших сайтах с иконками без упоминания Font Awesome. Просто невозможно исключить того, кто, возможно, является пионером бесплатных иконок шрифтов в Интернете.

С момента выпуска в 2012 году Font Awesome вырос до более чем 4000 уникальных иконок.И удалось привлечь десятки миллионов пользователей по всему миру.

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

Вы также можете использовать редактор иконок Font Awesome. Этот редактор позволяет быстро изменять цвета значков, добавлять собственный стиль или настраивать такие параметры, как поворот.

И последнее, но не менее важное: Font Awesome отлично зарекомендовал себя в работе с программами чтения с экрана. Доступность приобретает все большее значение, поэтому приятно осознавать, что эти ребята вкладывают большие средства в обеспечение полного соответствия.

Нельзя говорить ни о чем, связанном с дизайном, без упоминания Dribbble. Эта великолепная площадка изменила жизни десятков миллионов людей. И будет продолжать влиять на жизни людей в ближайшие десятилетия.

И хотя Dribbble наиболее широко известен как платформа, на которой дизайнеры могут «продемонстрировать» свои работы, вы найдете множество бесплатного контента на этой платформе, если вы его поищете.

Просто выполнив поиск «бесплатные иконки», вы получите тысячи результатов, 90% из которых содержат ссылки для скачивания, так что вы можете загрузить полный набор.

Лично Dribbble занимает первое место в списке сайтов, когда я захожу туда всякий раз, когда мне нужны бесплатные иконки для проекта. Я обнаружил, что разнообразие (и качество!) Иконок намного выше, чем что-либо еще на рынке.

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

Craft Loop — это стильный, но простой проект иконок от Луки Берджио. Это коллекция из более чем 450 иконок, которые были разработаны с учетом принципа ручной работы.

Общая тема Craft Loop кажется технической / деловой / социальной, поэтому в идеале вы должны использовать их в проекте веб-сайта или даже в программном проекте для создания более динамичного пользовательского интерфейса.

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

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

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

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

Неужели мы оставили лучшее напоследок? Я определенно считаю, что Iconfactory обладает уникальным подходом к дизайну иконок. Но в то же время я чувствую, что каждая платформа, упомянутая в этой статье, претендует на звание лучшей.

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

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

Тем не менее, это отличный ресурс, который вы можете время от времени просматривать и, возможно, найти подходящий для любого дизайн-проекта, над которым вы работаете. Я бы сразу порекомендовал эти значки всем!

Заключительные слова

Всего здесь, вероятно, более 5-6 миллионов уникальных иконок, которые вы можете найти. Но дело не только в количестве.

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

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

Бесплатные сайты и тому подобное особенно приветствуются.

Кроме этого, наслаждайтесь сайтами, которые мы обсуждали, и с нетерпением ждем встречи с вами в следующем обзоре!

29 бесплатных потрясающих наборов веб-иконок для улучшения вашего веб-дизайна

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

Font Awesome — один из самых популярных шрифтов для иконок, которые большинство веб-дизайнеров используют для разработки веб-сайтов и приложений. Однако его популярность сделала его иконы слишком заурядными. Люди больше не замечают этих значков.

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

Как использовать эти веб-значки

В этом списке значков представлены различные типы наборов значков, включая значки чистого CSS, значки SVG, значки PNG и многое другое.

Установить значки CSS очень просто. Вы просто копируете пакет значков в файлы ресурсов своего веб-сайта и включаете библиотеку значков в раздел. Для наборов значков PNG и SVG вам нужно будет изменить размер и скопировать каждый значок в папку изображений вашего веб-сайта и связать их в определенных частях дизайна вашего веб-сайта.

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

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

Этот бесплатный пакет значков, предлагаемый UXPin, включает 80 разнообразных наборов значков, каждый из которых имеет несколько форматов, разный вес и привлекательный дизайн.

Набор значков в стиле ретро включает 30 уникальных значков в форматах PNG и SVG. Пастельные тона и игривый дизайн иконок придадут вашему дизайну новый интересный вид.

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

Еще один стильный ретро-набор иконок из 120 иконок. Красиво оформленные значки в этом пакете сделают любой дизайн сайта уникальным.

Огромный набор бесплатных значков, включающий более 3000 значков, доступных в форматах PSD, Ai, PNG и SVG. Одноцветные значки в наборе сгруппированы по категориям «Детские», «Базовые», «Строительство», «Культура», «Устройства», «Документы», «Образование» и по многим другим категориям.

Красочный и привлекательный плоский дизайн иконок в этом наборе доступен в двух уникальных стилях. Особенно красиво они смотрятся в дизайне с темным фоном.

Этот набор значков содержит 40 значков, доступных в файлах AI, EPS, SVG, PNG.Их можно использовать как в личных, так и в коммерческих проектах.

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

Icono — это пакет значков на чистом CSS, который можно использовать, загрузив файл CSS или установив ссылку на файл в CDN.

Это уникальный набор анимированных иконок. Вы можете использовать эти значки в меню своего веб-сайта, в контактных формах и во многих других элементах веб-сайта.Щелкните значок, чтобы просмотреть анимацию.

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

Очаровательные иллюстрации плоского дизайна на этих значках — вот что делает этот набор значков оригинальным. Он содержит 12 уникальных значков с разными объектами.

Этот бесплатный пакет линейных значков, предлагаемый Icon54, содержит 100 значков. Они доступны в веб-шрифтах, SVG, EPS, Sketch и многих других форматах.

Набор гибких линейных значков SVG, которые прекрасно подходят для любого разрешения экрана. В паке 100 иконок из разных категорий.

Значки типов файлов в этом наборе прекрасно подходят для представления различных типов файлов. Он включает в себя 20 уникальных дизайнов иконок.

Этот красивый минималистичный набор значков содержит 1800 значков различных типов объектов и знаков, которые вам понадобятся для разработки многих типов веб-сайтов.

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

Иконки в этом наборе действительно оригинальные, потому что они нарисованы одной линией. Иконки предназначены для стартапов и креативных дизайнов веб-сайтов.

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

Красивый набор плоских значков дизайна, доступных как в файлах PSD, так и в AI. Эти значки идеально подходят для веб-дизайна или дизайна веб-сайта агентства.

Большая коллекция векторных иконок. В пак входят 3 набора, в том числе иконки погоды и другие объекты.

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

В этом наборе значков представлены различные дизайны значков с плоскими цветами.Пакет включает более 180 иконок в файлах PNG и PSD.

Набор красиво оформленных иконок погоды. Минималистичный дизайн этих значков хорошо сочетается со многими типами веб-сайтов.

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

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

Еще один красивый набор плоских цветных иконок. Этот пакет содержит более 300 иконок, которые можно использовать в личных и коммерческих проектах.

Веселый и развлекательный набор иконок с изображением зомби. В этот набор входит 25 уникальных иконок.

Хотите больше иконок?

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

Если вы хотите добиться действительно оригинального внешнего вида, найдите набор значков премиум-класса. Вы можете найти отличные премиальные иконки на таких платформах, как Creative Market и Graphic River.

Халява: цветные значки линий (SVG, PNG)

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

От нашего спонсора: Отправляйте быстро и никогда ничего не ломайте с помощью Shortcut (ранее Clubhouse.io).

Ребята из Iconshock создали красиво оформленный набор иконок специально для читателей Codrops. Этот бесплатный набор содержит 30 цветных линейных значков с идеальным размером пикселей и тематикой дизайн-агентства. Готовые к использованию, они представлены в формате PNG с различными размерами и, конечно же, в SVG.

О наборе иконок

Иконки этого набора имеют четкую линию и яркий игривый вид. Яркая пастельная цветовая палитра придает этим иконам изюминку.От программного обеспечения для дизайна до кистей и стационарных инструментов; в этом наборе значков есть несколько полезных пиктограмм, предназначенных для дизайнерских агентств.

Набор иконок содержит:

• 30 различных значков
• файлов PNG с разрешением 34, 64, 128, 255 и 512 пикселей
• Формат SVG

Посмотрите на превью:

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

О «Шоковой семье»

«Shock family» — агентство по дизайну и развитию, специализирующееся в основном на дизайне цифровых продуктов.У них есть еженедельные выпуски самых разных пакетов, многие из которых бесплатны, с таким контентом, как шаблоны печати, наборы значков, темы WordPress, дизайн пользовательского интерфейса, векторные пакеты, макеты и многое другое. Вы можете найти все эти ресурсы на их основных веб-страницах: DesignShock, IconShock и TemplateShock.

Скачать набор бесплатно

Вы можете скачать ZIP-файл набора иконок здесь:

Надеемся, вам понравится этот подарок и вы найдете его полезным!

Если вы хотите внести свой вклад и опубликовать свой эксклюзивный подарок на Codrops, просто напишите нам.