Бесплатные сервисы с картинками и иконками для сайта — 🌱kvitly о бизнесе
Мы сделали подборку с разными ресурсами, где можно бесплатно скачать фотографии и иконки для сайта, а также подобрать цветовую палитру для лендинга и многое другое. Используя изображения из этих сервисов у вас не возникнет проблем с авторскими правами.
Фотографии
Sitebuilderreport — агрегатор, который ищет изображения сразу в нескольких стоках. Запрос надо вводить на английском языке, для этого хватит и простого переводчика. Кликнув по фотографии можно сразу перейти к скачиванию и посмотреть другие работы выбранного автора.
Unsplash — более миллиона фотографий от известных фотографов на самые популярные темы: еда, бизнес, портреты, природа и офисные элементы. Использовать фотографии для личных и коммерческих целей можно только по лицензии.
Pixabay — фотосток, в котором фотографии можно искать и на русском языке, и на английском. Будьте внимательны, тут встречаются изображения как профессиональных фотографов, так и любительские работы.
Pexels — ресурс с большим количеством красивых снимков. На сайте по лицензии можно использовать все работы и редактировать их. А если появилось желание поддержать автора, вы можете заплатить фотографу.
Stocksnap — прекрасный сток с удобным поиском. Если не знаете что именно хотите найти, воспользуйтесь списком самых популярных запросов. Он поможет найти самые яркие фотографии профессиональных фотографов.
Burst — сервис с не очень большим количеством фотографий. Но все они могут похвастаться отличным качеством и высоким разрешением. Скачивать и использовать снимки можно совершенно бесплатно.
Jaymantri — идеальное место для поиска красивых фоновых изображений. К сожалению, оно не отличается удобным поиском, зато сполна компенсирует это широким выбором снимков в пастельных тонах.
Kaboompics — красивые фотографии и удобный поиск порадуют вас с первых минут.
Здесь вы найдете большой выбор бесплатных снимков, которые сложно найти в другом месте.
Gratisography — этот сток придется по вкусу любителям всего необычного и неординарного. Яркий дизайн сайта в сочетании с немного сумасшедшими работами фотографов не оставят вас равнодушными. Отлично подойдет желающим создать лендинг для организатора корпоративов и праздников.
Isorepublic — все еще мало фотографий? Попробуйте найти что-то по душе в этом сервисе. Среди тысячи профессиональных работ обязательно найдутся фотографии идеально подходящие для оформления сайта.
Designerspics — тут можно найти легкие ненавязчивые фоновые изображения и минималистичные фотографии. Они помогут не перегружать сайт и сделать акцент на содержании.
Иллюстрации
Простые иллюстрации помогают вовлечь посетителя во взаимодействие с сайтом. Не перегружают его, создают акцент на той или иной детали и придают сайту индивидуальность.
Если вы не хотите быть как все и стремитесь придать лендингу современный вид — эта подборка сервисов то, что вам надо!
Undraw — открытый ресурс с большим количеством рисунков. Тут можно подобрать картинку на любой вкус и практически на любую тематику. Приятным дополнением станет возможность менять цвет иллюстраций.
Mixkit — сайт с работами профессиональных и талантливых иллюстраторов. Здесь большой выбор картинок в разных стилях, удобный поиск по темам, высокое разрешение скачиваемых рисунков и постоянное обновление галереи. И все это совершенно бесплатно.
Isometriclove — простые объекты с 3D эффектом, которые привлекут к себе внимание.
IRA Design — занимательный генератор иллюстраций. Зайдите в галерею и выберите одну из картинок, поменяйте цвет элементов одежды на персонаже и окружающих его предметов. Скачайте изображение на компьютер и работайте с ним как с обычным векторным рисунком.
ВrawKit — коллекция бесплатных и красивых .
svg иллюстраций. Сервис предоставляет выбор из нескольких вариантов картинок. Если цветовая палитра подходит для сайта, скачивайте готовый вариант, а если хотите что-то отредактировать, воспользуйтесь наброском.
Humaaans — создайте бесплатно свою уникальную иллюстрацию с помощью готовых шаблонов. Меняйте элементы одежды, прически и фона, чтобы сделать подходящую картинку. Будьте осторожны, сервис очень затягивает, начав в нем работать, крайне сложно остановиться.
O! OUCH — бесплатный ресурс с яркими и креативными векторными иллюстрациями. Они отлично подойдут для оформления презентации и страницы лендинга для курсов. Есть желание привлечь внимание? Тогда вам точно сюда!
Vexels — сервис, в котором вы найдете гораздо больше чем простые векторные иллюстрации. На сайте собраны графики, иконки, фоновые изображения и множество картинок. Переходите и скачивайте все необходимое совершенно бесплатно.
Vectorportal — еще один сервис, который может похвастаться огромной коллекцией векторной графики, кистей и фоновых изображений.
Дизайн иллюстраций разительно отличается от других источников и это поможет добавить сайту изюминку.
Absurd Design — абсурдные иллюстрации для любителей всего необычного. Работы подойдут для сайта арт-галереи, творческих курсов и для оформления лендинга дизайнера. Удивите клиентов нестандартным подходом!
Isoflat — на сайте вы найдете изометрическую и плоскую графику для проекта. Работы сделаны в очень необычной и яркой цветовой гамме. А сами иллюстрации выполнены с ноткой космической тематики. Они хорошо впишутся в сайт для программиста и подойдут для школьной странички.
Иконки
При переходе на сайт, нам бы хотелось видеть приятные иконки сопровождающие короткую информацию или подчеркивающие преимущества. Чтобы с первого взгляда было понятно о чем пойдет речь под картинкой. Но где же найти подходящие иконки? Ниже представлен ряд бесплатных сервисов, в которых найдутся иконки на любой вкус.
Unicons — несколько тысяч великолепных векторных иконок и фонов для сайта.
Есть бесплатная возможность пользоваться сервисом и премиум аккаунт за 9 долларов в месяц. Тут вы найдете несколько вариаций одной иконки и подберете ту, которая нравится больше.
Icon Sets — .svg иконки для сайта. Минималистичный дизайн идеально впишется и дополнит любой сайт. Иконки социальных сетей, платежей и многое другое — это то, что вам нужно!
The noun project — два миллиона иконок, созданных мировым сообществом. Найти такое разнообразие в одном месте не так просто. Выбирайте иконки разных авторов и стилей, скачивайте их и добавляйте на свой сайт.
Flat Icons — большой выбор бесплатных иконок в разных стилях. Они отлично подойдут любителям чего-то яркого. У отдельных иконок и паков есть несколько вариаций.
Material Icons — сервис с отличным выбором действительно классных иконок. Они лаконичные и выполнены в одном стиле, поэтому тут будет очень просто подобрать иконки сразу для всего сайта.
К сожалению, они могут подойти далеко не каждому.
Eva Icons — в сервисе вы найдете более 400 иконок. Минималистичный дизайн прекрасно подойдет для сайта в любом стиле. Также вы можете использовать их для презентации и оформления проектов.
IconSVG — идеальный сайт для оформления проекта. Большое разнообразие иконок со стрелками, изображений документов, элементов плейлиста и схематичным отображением графиков.
Potlab Icons — скромная коллекция анимированных иконок. Они сделают проект особенным и позволят привлечь внимание пользователей.
Icons — ещё один сервис с бесплатными иконками. Он порадует широкими выбором, разнообразными стилями и ярким дизайном. Кроме того, искать картинки можно по определенным категориям, что значительно упрощает работу.
Feather — очень простые и лаконичные иконки в свободном доступе. Хорошо впишутся в любой проект. Есть возможность изменить размер картинки и толщину контура, а также выбирать цвет прямо на сайте.
Логотип
Логотип — неотъемлемая часть сайта. Именно он отвечает за узнаваемость компании. Разумеется, что не всегда есть средства для создания логотипа профессиональным дизайнером, поэтому мы сделали небольшую подборку бесплатных сервисов, которые помогут создать логотип в начале вашего пути.
Hatchful — поможет создать логотип за считанные секунды. Выберите направление, которое вам интересно, один из предложенных стилей и напишите название компании. А после этого укажите где будет размещен логотип и сервис сгенерирует сразу несколько вариантов.
Logodust — небольшая библиотека с логотипами в свободном доступе. При желании воспользуйтесь конструктором и соберите свой из составных элементов предложенных на сайте.
Logobook — хранилище лучших в мире логотипов и символов. Отлично подходит для тех, кто еще не определился чего хочет. Достаточно бегло пробежаться взглядом по работам, как в голове возникнут идеи из каких элементов собрать логотип.
Free minimal logos — бесплатные логотипы специально для тех, кто не хочет создавать их самостоятельно. В сервисе можно скачать готовые варианты и использовать их для личных или коммерческих целей.
Вдохновляйтесь! Создавайте уникальное оформление своего сайта и получайте больше клиентов.
Иконки
Войти
С 0 до Middle+Другие курсы
Избранные
Flaticon
Скачайте бесплатные векторные значки и стикеры для своих проектов.
Иконки
Google Icons
Более 2500 бесплатных настраиваемых иконок от Google Fonts.
Иконки
Icons8
Огромная библиотека иконок, иллюстраций и фотографий
Иконки
Boxicons
Boxicons – это почти 800 векторных иконок: высококачественных и дружелюбных к вебу. Чтобы облегчить задачу дизайнерам и блогерам, на сайте есть сортировка по категориям.
Иконки
Iconer
Библиотека из 32000+ настраиваемых векторных иконок.
Иконки
Freeicons
Более 100 тысяч иконок, собранных в веб-приложение, где можно составлять свои наборы, редактировать цвета и скачивать иконки в векторных и растровых форматах.
Иконки
Fluenticons
4000+ бесплатных иконок от Microsoft.
Иконки
Iconly
Более 20 000+ бесплатных профессионально разработанных иконок.
Иконки
Icofont
Свыше 2 000 черно-белых иконок, распределенных по десяткам различных тем: медицина, еда, редактура, навигация, бренды и др. Можно скачивать контент по отдельности или сначала собрать в коллекцию.
Иконки
MrIcons
Более 100 000 иконок от веб-интерфейса до соцсетей.
Иконки
Font Awesome
Библиотека иконок и набор инструментов, используемый миллионами дизайнеров, разработчиками и создателями контента.
Иконки
Manypixels
Подборка из 2500+ бесплатных иконок для личного и коммерческого использования.
Иконки
Iconmonstr
Более 4699 бесплатных иконок, собранных в 316 коллекций.
Иконки
Bootstrap icons
Библиотека включает свыше 600 пользовательских иконок с поддержкой SVG.
Иконки
Flat Icons
Библиотека иконок с регулярными обновлениями.
Иконки
CSS Author
Постоянно обновляющаяся коллекция иконок.
Иконки
Остальные
Iconfinder
Большущая база иконок для любых целей
Иконки
Tilda Icons
700+ бесплатных иконок от Tilda.
Иконки
Coolicons
Тщательно разработанные SVG-иконки для вашего следующего проекта (более 400 иконок). Полностью бесплатно и с открытым исходным кодом.
Иконки
Feather
Бесплатный набор из 287 простых опенсорсных иконок.
Иконки
Creattie
Коллекция анимированных иконок и иллюстраций в формате lottie.
Иконки
IconBros
15 879+ бесплатных иконок, сгруппированных в 346 коллекции.
Иконки
Basicons
Базовые иконки для дизайна и разработки продуктов (227+ иконок).
Иконки
Аkaricons
364 бесплатные иконки для коммерческого и личного использования.
Иконки
Flat Set
2500 flat иконок в 67 категориях.
Иконки
CSS Icons
Минималистичные иконки с открытым кодом.
Иконки
Phosphor Icons
6282 бесплатных инконки, есть плагин для Figma и Sketch.
Иконки
Doodle Icons
Более 400 иконок в стиле дудл. PNG, SVG, Figma.
Иконки
IconScout
1185 бесплатных иконок от IconScout. Формат: SVG.
Иконки
Drawicons
100+ бесплатных иконок в стиле «нарисованные от руки».
Иконки
iOS Icon Gallery
Подборка иконок для iOS.
Иконки
Jam
896 векторных иконок для ваших проектов.
Иконки
Endless Icons
Более 350 бесплатных иконок.
Иконки
Eva Icons
Набор из 480 искусно выполненных иконок с открытым кодом в форматах SVG и PNG
Иконки
Anron Icons
480 бесплатных векторных иконок.
Иконки
Fontello
Библиотека бесплатных иконок.
Иконки
Drawic
Небольшой бесплатный сет SVG-инконок социальных сетей.
Иконки
CSSIicon
Иконки на чистом CSS
Иконки
Free Design Resources
Проект Free Design Resources создан благодаря художникам и дизайнерам по всему миру.
Здесь собирают и распространяют лучший дизайнерский контент: шаблоны, мокапы, шрифты и прочее.
Иконки
Free Downloads Icons
Коллекция из более 250 подборок иконок.
Иконки
Free Icon Set by Betrisly
266 бесплатных отзывчивых иконок в трех размерах.
Иконки
Fribly Icons
Большое количество паков бесплатных иконок.
Иконки
Glyphsearch
Большая библиотека разнообразных иконок, которые скачиваются кодом для загрузки на сайт.
Иконки
Graphics Fuel Icons
Большая коллекция разнообразных бесплатных иконок.
Иконки
Health Icons
Почти 350 иконок на тему медицины и здоровья
Иконки
Heroicons
Библиотека SVG иконок с быстрым подбором от команды Heroicons.
Иконки
Iconclub
Бесплатное настольное приложение с 8000+ бесплатных иконок.
Иконки
Iconduck
Библиотека иконок и иллюстраций с открытым исходным кодом.
Иконки
IconKitchen
Поможет создать и настоить иконки для мобильных платфом и веба
Иконки
Iconoir
Одна из крупнейших библиотек иконок с открытым исходным кодом.
Иконки доступны в формате SVG, библиотеках React и React Native, Figma и Framer.
Иконки
Dryicons
Больше 5 000 иконок в 77 наборах. Условия бесплатного использования – проставление обратной ссылки.
Иконки
Icons by Medialoot
Подборка из 72 паков бесплатных иконок.
Иконки
Icons by Saptarshi
Бесплатные иконки музыкальных инструментов для Figma.
Иконки
Iconsax v.1
1000 векторных иконок выполненных в 6 различных стилях.
Иконки
Iconstore
Подборка из 239 бесплатных паков иконок.
Иконки
Ikonate
Около 100 качественных иконок в плоском дизайне под лицензией MIT.
Иконки
Indie Icons
Коллекция кастомизированных иконок.
Иконки
Ionicons
Библиотека SVG с открытым кодом, содержащая 457 иконок в трех разных стилях: контурные, заливные и заостренные.
Иконки
licons
Коллекция бесплатных простых иконок.
Иконки
LineIcons
5000+ линейных иконок для дизайнеров и разработчиков
Иконки
Lordicon
Сборник 600+ анимированых иконок.
Иконки
Mono Icons
Простой, последовательный набор иконок с открытым исходным кодом, предназначенный для использования в самых разных цифровых продуктах (177 иконок).
Иконки
Octicons
Набор из более 100 иконок с открытым кодом, которые Github использует на своем главном сайте.
Иконки
Open Source Icons by Craftwork Design
Бесплатный набор из 500 базовых иконок.
Иконки
Orion
Большая библиотека настраиваемых SVG иконок.
Иконки
Remix Icon
1300+ бесплатных опенсорсных иконок. Иконки нарисованы по сетке 24×24, каждая в двух стилях: линиями и с заливкой. Форматы SVG, JPEG, PNG и веб-шрифт
Иконки
Rocketstock
Пак бесплатных цветных иконок на тематику бизнеса.
Иконки
Sensa
Набор векторных смайликов с открытым исходным кодом.
Иконки
SimpleIcons
Более 1000 бесплатных SVG иконок популярных брендов.
Иконки
Snoweb
Коллекция статичных и анимированных SVG-иконок.
Иконки
Streamline Flat Free
Более 500 векторных двухцветных иконок.
Иконки
SVG Repo
Огромный каталог бесплатных иконок в разных стилях.
Иконки
System UIcons
420 бесплатных иконок для цифровых продуктов.
Иконки
Tabler Icons
Огромный пак иконок, который можно настроить под себя.
Иконки
Untitled UI
Библиотека из 1100+ аккуратных линейных иконок в Figma. Доступно три готовых стиля, а также возможность настраивать углы и толщину обводки.
Иконки
UseAnimations
Библиотека анимированных иконок.
Иконки
Uxwing
База бесплатных иконок на разные темы.
Иконки
Iconoteka
Набор из 1000+ детализированных SVG-иконок от Олега Турбаба. На сайте можно выбрать версию с заливкой или без, а также настроить толщину линий. Коллекция периодически пополняется и обновляется
Иконки
FindIcons
Поисковик по иконкам, охватывающий огромную базу данных — свыше 300 000 иконок в более чем 2100 комплектах.
Иконки
Icons by Alex Martynov
Более 100 бесплатных иконок социальных сетей.
Иконки
Icons by Daniel Wodziczka
Пак из 300 бесплатных иконок в трех стилях.
Иконки
Контур.Гайды
Подборка бесплатных иконок от Контура.
Иконки
Иконки Чикина
Сергей Чикин уже давно рисует по иконке в день. Сейчас в наборе 1746 иконок в едином стиле. Доступны бесплатно для всех, кроме юр. лиц — для них платно
Иконки
VK UI
650+ иконок, цветовая палитра, кнопки, шапки, списки и множество других готовых к использованию компонентов и даже целых экранов приложения ВКонтакте.
Иконки
Xnix
Более 500 округлых векторных иконок.
Иконки
Zwicon
Библиотека из 566 иконок.
Иконки
Basil Icons by Craftwork
500 полезных минималистичных иконок, разделенных на 9 категорий.
Иконки
Сервисы для дизайнеров
Градиенты
Подбор цвета
Сервисы UX
Фриланс-биржи
Инфографика
Прототипирование
Кириллические шрифты
Статьи по дизайну
Бесплатные курсы
Практические уроки с арт-директором
Вакансии
30 мест, где можно получить бесплатные значки веб-сайтов
Мы используем файлы cookie, чтобы обеспечить вам максимальное удобство на нашем веб-сайте.
Для получения дополнительной информации нажмите здесь. Понял
Не знаете, где найти лучшие бесплатные иконки для веб-сайтов? Ваш поиск заканчивается здесь! Читайте список лучших мест для бесплатных веб-иконок, которые вы можете скачать сегодня.
Использование правильных значков имеет первостепенное значение для интуитивно понятного дизайна и удобства использования веб-сайта. Иконки могут действительно влиять на ваш пользовательский опыт, в лучшую или в худшую сторону. Они могут предоставить вашим пользователям забавный и увлекательный опыт или заставить их почувствовать, что они путешествуют по Бермудскому треугольнику.
Начните создавать прототипы новых веб-сайтов сегодня. Неограниченное количество проектов!
Чтобы добавить еще один гаечный ключ в работу, огромное разнообразие веб-сайтов, предлагающих бесплатные значки веб-сайтов для загрузки, действительно может заставить вас растеряться в поисках лучшего варианта. Иногда быть избалованным выбором приятно, а иногда это просто разочаровывает людей с плотным графиком.
Тогда у вас есть множество доступных форматов файлов. Главный вопрос здесь в том, что подходит именно вам? Наиболее распространенными предлагаемыми форматами являются PNG и SVG. Многие из них также доступны в виде фрагментов HTML-кода. PNG в основном представляют собой растеризованные изображения, и если они не подходят по размеру для проекта, вы потеряете качество при изменении их размера. SVG, как правило, попадают в самую точку, поскольку они полностью масштабируемы, что позволяет вам свободно регулировать размер по мере необходимости в вашем любимом инструменте прототипирования.
Всех этих вариантов и форматов файлов достаточно, чтобы вызвать головную боль, когда вы думаете о правильных значках, которые вам нужны для вашего следующего прототипа веб-сайта. Вот почему мы собрали 30 лучших мест, где можно быстро загрузить набор масштабируемых бесплатных значков веб-сайтов для вашего следующего дизайна, чтобы вы могли вернуться к более широкой картине.
Streamline Icons
Просто заходя на главную страницу этого веб-сайта, вы вселяете уверенность в том, что эти ребята знают, что делают, когда дело доходит до бесплатных иконок для веб-сайтов.
Вы обнаружите, что значки на Streamline Icons бывают трех разных типов или «весов». Разница между их светлыми, обычными и жирными значками заметна, причем более светлые являются более геометрическими и минималистичными, в отличие от значков с жирными глифами, которые больше напоминают Руководящие принципы пользовательского интерфейса Apple.
На этом сайте вы можете скачать значки пакетами в формате SVG, PNG или PSD. Существует не менее 10 500 разновидностей значков трех разных весов, разделенных на 53 категории. Вы обязательно найдете здесь то, что вам нужно!
Загружаемый формат: SVG, PNG и PSD
Плоская иконка
Плоская иконка, как следует из названия, является отличным местом, где можно найти бесконечные списки бесплатных плоских иконок. Предлагая около 60 категорий и тысячи бесплатных значков веб-сайтов для загрузки в каждой, мы говорим, что вы не ошибетесь.
В каждой категории можно фильтровать цвет между монохромным и многоцветным.
Вы также можете изменить их цвет любым удобным для вас способом после их загрузки. Вы можете скачать каждую из бесплатных иконок веб-сайтов в форматах SVG и PNG.
Если вы ищете идеальный набор плоских значков для своего веб-сайта, даже если он нацелен на нишевый рынок, Flat Icon должен вам помочь.
Загружаемый формат: SVG и PNG
Iconfinder
Iconfinder содержит более 17 200 бесплатных иконок для веб-сайтов, ожидающих загрузки. Лучшая часть? Все они векторные, то есть вам просто нужно скачать и масштабировать их в соответствии с дизайном интерфейса вашего сайта.
Еще одна интересная особенность этого веб-сайта — их бесплатный редактор изображений, который позволяет изменять размер, перекрашивать и даже перерисовывать каждое изображение по своему вкусу перед загрузкой в виде SVG — приятное прикосновение!
Загружаемый формат: SVG
Vecteezy
Vecteezy поставляется с множеством различных бесплатных иконок веб-сайтов, которые можно загрузить по отдельности в формате SVG.
Не менее привлекательным является количество предлагаемых различных стилей, таких как монохромные и многоцветные, монохромные и двухцветные, плоские значки и глифы.
На этом веб-сайте есть бесплатные значки веб-сайтов на любой случай, ищете ли вы забавные, красочные и модные значки или что-то более функциональное или серьезное, этот веб-сайт поможет вам разобраться. Просто убедитесь, что вы указали авторство, если скачиваете бесплатно!
Загружаемый формат: SVG
Начните создавать прототипы новых веб-сайтов уже сегодня. Неограниченное количество проектов!
Icofont
Icofont может похвастаться привлекательным набором категорий бесплатных иконок веб-сайтов, каждая из которых имеет цветовую кодировку, позволяющую различать категории. Каждая категория минималистична по дизайну и монохромна, но все же стильна и немного более детализирована, чем средний глиф.
Среди доступных категорий: Веб-приложение, Бренд, Направление (для навигации), Социальные сети, Медицина, Погода, Спорт, Путешествия, Образование и многие другие.
Вы можете загрузить каждую иконку как отдельный файл SVG или как код разметки.
Загружаемый формат: SVG и HTML
Iconstore
Iconstore можно рассматривать как магазин бесплатных иконок для веб-сайтов. На этом веб-сайте собрана коллекция одних из лучших бесплатных веб-иконок.
Вы можете найти бесплатные векторные иконки веб-сайтов для множества различных целей, будь то для развлечения, например, для социального или игрового веб-сайта, или для более серьезных веб-сайтов, таких как веб-сайты для банков или недвижимости.
Однако вы обнаружите, что не все бесплатные значки веб-сайтов на этом сайте можно загрузить в одном и том же формате файла. Некоторые из них доступны в наборах SVG, а другие загружаются только в виде файлов JPG или PNG, которые можно изменить в Photoshop.
Загружаемый формат: SVG, PNG и PNG
Boxicons
Boxicons предоставляет вам доступ к 1066 бесплатным значкам веб-сайтов в формате SVG, которые можно загрузить за секунду в виде полного пакета или по отдельности.
Эти простые плоские значки и глифы содержат как функциональные, так и забавные элементы, каждый из которых имеет обычный геометрический дизайн или жирный глифовый формат.
Вы можете получить бесплатные веб-значки для любого мыслимого типа категорий, таких как финансы, электронная коммерция, логотипы, бренды, смайлики, а также функциональные значки, такие как доступность и полезность.
Загружаемый формат: SVG
Linearicons
На Linearicons вы можете воспользоваться бесплатным набором иконок для веб-сайтов, содержащим до 170 векторных изображений. Этот сайт отлично подойдет, если вы ищете простые, плоские и геометрические бесплатные иконки для веб-страниц, которые выполняют свою работу. Вы найдете фавиконы, функциональные и навигационные значки, значки редактирования текста и управления мультимедиа.
В дополнение к пакету SVG, они также предоставляют вам соответствующий HTML-код, просто щелкнув по каждому бесплатному веб-значку.
Формат для скачивания: SVG и HTML
Иконки, которые вы можете найти на Тильде, просты, минималистичны и идеально подходят для любого веб-сайта и почти любой ситуации. Незаполненные и геометрические по дизайну, большинство этих иконок в 2D, а некоторые в 3D, в зависимости от категории, что подводит нас к одному из самых привлекательных аспектов этого веб-сайта — здесь предлагается целых 43 категории!
Каждая из этих категорий насчитывает 700 бесплатных иконок для сайтов. Хотя это не самый большой выбор в списке, тот факт, что все четко обозначено в категории, означает, что все не перемешано, что экономит ваше время при поиске бесплатных значков веб-страниц.
Вы найдете бесплатные векторные иконки для веб-сайтов, чтобы выполнять практически любую работу, такую как вебинары, иконки агентств событий, салоны красоты, фотостудии, коворкинги и многое другое.
Загружаемый формат: SVG
Начните создавать прототипы новых веб-сайтов уже сегодня.
Неограниченное количество проектов!Fontello
Fontello предоставляет интересный список бесплатных иконок веб-сайтов для использования в качестве шрифтов иконок в любом месте вашего веб-сайта или мобильного веб-приложения. Фактически, у вас есть доступ к ряду различных наборов иконок от разных авторов, таких как Fontelico, Font Awesome, Modern Pictograms, Typicons и многим другим.
Вы можете смешивать и сочетать каждый из этих наборов бесплатных иконок веб-сайтов, загрузив их по отдельности в формате SVG.
Загружаемый формат: SVG
Простые значки
Если вам нужны фирменные значки для вашего веб-сайта, Simple Icons предоставит вам исчерпывающий список бесплатных значков веб-сайтов для различных компаний и продуктов. Вы можете загрузить их по отдельности в виде векторных файлов, каждый из которых имеет цветовую кодировку, чтобы вы могли легко найти нужный логотип бренда или просто выполнить поиск бренда с помощью предоставленной панели поиска.
Эти фирменные бесплатные значки веб-сайтов отлично подходят, если вы хотите связать своих пользователей с внешним веб-сайтом или приложением, иметь возможность делиться своим контентом через социальные сети или если вы просто хотите, чтобы значки отображали определенное программное обеспечение на вашей веб-странице. Такие значки включают в себя все, от Hubspot, Microsoft PowerPoint и Slack до Tinder, Instagram и Tesla. Вы обязательно найдете то, что вам нужно!
Загружаемый формат: SVG
Иконки линий
Line Icons предлагает более 450 бесплатных иконок веб-сайтов для вашего следующего проекта, которые вы можете скачать в виде полного пакета SVG. Этот пакет содержит множество различных категорий бесплатных значков веб-страниц, а также значки настольных приложений и значки мобильных устройств.
Вы можете быть уверены, что все их бесплатные значки веб-сайтов легко обновляются, поэтому ваши дизайны всегда будут в тренде. Чтобы загрузить бесплатные веб-иконки с этого сайта, вам просто нужно зарегистрироваться, указав свой адрес электронной почты.
Формат для скачивания: SVG
365psd
Если вы ищете разнообразия, то 365psd — идеальный сайт для вас. Благодаря широкому выбору наборов, варьирующихся от сплошных глифов и простых монохромных значков до мультяшных 3D-глифов, это один из сайтов с самым разнообразным набором бесплатных значков для веб-сайтов.
Различные доступные наборы также различаются форматами, в которых они могут быть загружены, от SVG и PSD до EPS. Лучше всего то, что все эти бесплатные значки веб-сайтов находятся в свободном доступе для коммерческого и личного использования.
Формат для загрузки: SVG, PSD и EPS
Smashing Magazine
Если вы ищете что-то необычное и красочное, чтобы привлечь внимание пользователя, почему бы не попробовать коллекцию Ballicon из 36 круглых плоских и легких градиентные иконки?
Первоначально разработанный PixelBuddha и выпущенный для читателей журнала Smashing Magazine, этот набор бесплатных иконок для веб-сайтов совершенно бесплатен для вашего личного коммерческого использования при условии, что вы отобразите соответствующую атрибуцию.
Формат для скачивания: SVG, PNG и PSD
Начните создавать прототипы новых веб-сайтов уже сегодня. Неограниченное количество проектов!
Feather icons
Feather Icons — отличное место, если вы ищете красивые простые бесплатные иконки для веб-сайтов. Все значки на Feather Icons имеют открытый исходный код, и их более 280 на выбор. Вы можете скачать все эти бесплатные иконки как полный пакет векторных изображений или по отдельности, как вы выберете.
Основная привлекательность этих иконок заключается в их минималистичном, упрощенном дизайне, который легко редактируется.
Загружаемый формат: SVG
Interfacer
Если вам нужно разнообразие, Interfacer поставляется с различными пакетами загружаемых значков SVG. Эти пакеты бесплатных иконок для веб-сайтов были созданы разными авторами и размещены на этом сайте бесплатно для коммерческого использования. Вы можете думать об этом как о своего рода Dribbble для иконок.
Вы мгновенно получаете доступ к тысячам высококачественных бесплатных значков веб-сайтов, как для развлечения и развлечения, так и для серьезных вещей, таких как наука о данных или банковское дело. Огромное разнообразие заслуживает похвалы.
Загружаемый формат: SVG
Темы Elegant
Темы Elegant рекламируют иконочные шрифты на своем веб-сайте как лучшие из доступных бесплатных иконок для веб-сайтов. Значки на этом сайте особенно полезны для кнопок, фавиконов и навигационных панелей инструментов.
Они также доступны для загрузки в различных форматах, включая SVG и PNG, в дополнение к коду CSS. Они также дают несколько полезных советов в виде руководств на своем веб-сайте о том, как редактировать свои значки с помощью Divi Builder. Нам нравятся эти ребята. Они полезны.
Загружаемый формат: SVG, PNG и CSS
Пол Олислагер
Пол Олислагер ценит свой веб-сайт за наличие оригинальных веб-иконок, которые просто выполняют свою работу.
У его наборов бесплатных иконок для веб-сайтов есть черта, которая действительно отличает их от других, которые вы можете найти там: они специально пикселизированы в формате SVG. Они придают классический вид любой веб-странице, не выглядя старой или устаревшей, и созданы для того, чтобы создать ощущение технологичности.
Paulolyslager.com позволяет бесплатно скачать большой набор этих бесплатных иконок для веб-сайтов в формате SVG и PNG.
Загружаемый формат: SVG и PNG
Speckyboy
На Speckyboy вы можете загрузить 100 значков SVG, специально разработанных Freekpik для использования в ваших проектах веб-дизайна. Вы можете масштабировать их, редактировать и раскрашивать в соответствии с вашими целями.
Если вы ищете хороший, простой набор бесплатных значков для веб-сайтов, которые вы можете изменить в соответствии с вашей веб-страницей, эти простые бесплатные векторные значки должны подойти вам.
Загружаемый формат: SVG
Начните создавать прототипы новых веб-сайтов уже сегодня.
Неограниченное количество проектов!Архив значков
Спонсируемый Shuttershock, архив значков является хорошим ресурсом, когда речь идет о бесплатных значках для веб-сайтов. Сам веб-сайт может быть не очень красивым, но сами значки представлены в большом количестве и разнообразии. От классических плоских икон до уникальных икон в античном стиле — здесь каждый найдет что-то для себя.
Стоит отметить, что права на использование меняются с набора значков на набор значков, поэтому не забудьте убедиться, что выбранный вами вариант допускает коммерческое использование.
Загружаемый формат: PNG и SVG
Graphic Burger
Графический бургер, хорошо известный сообществу дизайнеров, предоставляет нам всевозможные бесплатные материалы и ресурсы. От дизайна упаковки, целых макетов и наборов пользовательского интерфейса — здесь есть всего понемногу. Это включает в себя, конечно же, целые наборы бесплатных иконок для веб-сайтов.
Навигация в разделе значков немного ограничена, а это значит, что лучше просто искать стиль или концепцию, которую вы ищете, чтобы сэкономить время.
Загружаемый формат: PSD и SVG
Findicons
В отличие от некоторых других веб-сайтов в этом списке, весь этот веб-сайт посвящен исключительно бесплатным значкам веб-сайтов. Вы найдете отличную навигацию на Findicons, которая упрощает поиск идеального пакета значков. Помимо множества значков на выбор, вы также найдете бесплатный конвертер, который может преобразовать ваши значки в нужный формат из PNG и JPG, PSD в SVG и т. д.
Формат для скачивания: PNG
Premium Pixels
Premium Pixels — это хорошее место, где можно найти разнообразные бесплатные ресурсы, от бесплатных макетов, значков веб-сайтов до визуальных шаблонов. Все это можно бесплатно скачать и использовать в коммерческих целях. С почти 700 отдельными значками этот веб-сайт на самом деле не может конкурировать по количеству с такими громкими именами, как Shuttershock.
Загружаемый формат: SVG
Бесплатная иконка PNG
Free Icon PNG предлагает множество бесплатных отдельных значков веб-сайтов, каждый из которых загружается отдельно. Это правда, что отсутствие наборов иконок может быть менее чем практичным, но веб-сайт по-прежнему имеет ценность для дизайнеров. Если вы ищете пунктуальный значок с талантом, это может быть отличным местом, чтобы найти его.
Формат для скачивания: PNG
Начните создавать прототипы новых веб-сайтов уже сегодня. Неограниченное количество проектов!
Дерево PNG
PNG Tree предлагает множество иконок веб-сайтов с разной степенью удобства использования и стиля. Вы найдете как отдельные значки, так и пакеты значков, которые можно легко найти с помощью их системы тегов.
На сайте проводится различие между бесплатными и премиальными иконками, что не всегда заметно при поиске нужного значка. Следите за премиальным символом!
Формат для скачивания: PNG
Iconoir
Iconoir — действительно открытая платформа для бесплатных иконок веб-сайтов.
Там нет премиум-контента, не нужно ни на что подписываться.
Приблизительно 1000 значков, это все еще мало по сравнению с некоторыми другими веб-сайтами, но все же это прекрасный ресурс для закладок. Это легко и просто, а значки предлагают классический вид и практичный стиль.
Загружаемый формат: SVG
Mr. Icons
Mr. Icons поставляется с наборами бесплатных иконок для веб-сайтов, которые можно легко загрузить. Это правда, что количество доступных наборов иконок не так уж впечатляет, но все же стоит посмотреть. Стили могут сильно различаться от минималистичных и плоских до красочных и нарисованных от руки.
Загружаемый формат: SVG
UX Wing
UX Wing предлагает нам около 2000 иконок, каждая из которых аккуратно организована и легко найдена с помощью системы категорий. Между категориями и подкатегориями вы сможете найти что угодно, не тратя слишком много времени на прокрутку. Это прекрасное место для бесплатных иконок веб-сайтов, особенно минимальных, которые не зависят от цвета.
Загружаемый формат: SVG и PNG
Iconscout
Iconscout, предоставленный нам LottieFiles, наполнен великолепными иконками. Все дизайны просты и легко адаптируются, поэтому очень вероятно, что вы найдете что-то для своего следующего проекта.
Иконки веб-сайтов можно загружать пакетами, а система тегов упрощает их поиск. В качестве бонуса вы также можете найти другие типы ресурсов дизайна, такие как иллюстрации и даже анимация.
Загружаемый формат: SVG, PNG, EPS, AI, ICO и ICNS
Nasty icons
И последнее, но не менее важное: если вы хотите привнести на свой веб-сайт немного черного юмора, то почему бы не попробовать набор Nasty Icons?
Вы можете найти 45 бесплатных иконок веб-сайтов для загрузки в виде файлов AI и EPS, которые изображают забавные геометрические мультфильмы или рисунки палками людей, которых варят заживо, теряют головы или падают с лестницы. На всякий случай, если вам понадобится что-то в этом роде!
Формат для скачивания: AI и EPS
Создавайте великолепные веб-сайты с помощью Justinmind
Если вы типичный пользователь Justinmind, наш ассортимент наборов пользовательского интерфейса позволит вам размять свои мышцы веб-дизайна бесплатно.
Если вам нужны не только бесплатные веб-иконки, почему бы не попробовать наборы пользовательского интерфейса от Justinmind? На нашей странице наборов пользовательского интерфейса вы найдете нашу библиотеку веб-каркасов, в которой есть значки и компоненты, специально предназначенные для веб-дизайна, в дополнение к полному набору компонентов и значков пользовательского интерфейса Font Awesome.
Хотите узнать больше о бесплатных наборах пользовательского интерфейса от Justinmind? Тогда идите вперед и ознакомьтесь с нашими библиотеками пользовательского интерфейса для прототипирования, чтобы быстро освоить все предлагаемые нами комплекты.
Использование наших бесплатных наборов пользовательского интерфейса обязательно сделает процесс создания веб-прототипов веселым, приятным и беззаботным, поскольку они были специально разработаны для использования в Justinmind.
Подведение итогов
Не всегда просто узнать, какие веб-иконки обеспечат лучший пользовательский опыт и вовлекут людей.
При поиске лучших бесплатных веб-иконок для загрузки для вашего следующего проекта постарайтесь принять во внимание следующие факторы:0003
- Что это за веб-сайт и на какой рынок вы ориентируетесь?
- Будет ли ваш веб-сайт развлекательным или просто полезным средством для достижения цели?
- Какой инструмент для создания прототипов приложений вы планируете использовать и какой формат файла вам нужен?
- Насколько легко будет сделать ваш дизайн адаптивным?
- Подойдет ли выбранная вами иконография вашей целевой аудитории?
Мы надеемся, что этот список немного упростит вам задачу, и вы найдете идеальный набор бесплатных иконок для вашего следующего дизайна.
ПРОТОТИП · СООБЩЕНИЕ · ПОДТВЕРЖДЕНИЕ
УНИВЕРСАЛЬНЫЙ ИНСТРУМЕНТ ПРОТОТИПИРОВАНИЯ ДЛЯ ВЕБ И МОБИЛЬНЫХ ПРИЛОЖЕНИЙ
Скачать бесплатно
Джозеф Даунс
Штатный копирайтер UX, гурман и любитель классических автомобилей
Связанный контент
Бесплатные значки веб-сайтов: как их найти и использовать
Большинство профессиональных веб-сайтов используют значки, чтобы помочь посетителям найти то, что им нужно, и создать особый вид.
Но знаете ли вы, что можете добавлять иконки на свой сайт, даже если вы не дизайнер? В этом посте мы порекомендуем лучшие места, где можно найти бесплатные значки для вашего сайта и как добавить их на свои страницы.
Что такое значки веб-сайтов и почему они важны?
Значок веб-сайта — это изображение или символ, который вы можете разместить на своем веб-сайте. Он действует как кнопка или ссылка, по которой вы нажимаете, или может быть просто декоративным.
Эти значки, доступные бесплатно на сайте iconmonstr, унифицированы и их легко разместить на вашем веб-сайте.- Иконки могут стать частью вашего бренда. Значки веб-сайтов могут помочь усилить цвета, стиль, голос и логотип вашего бренда. Другими словами, они являются частью набора, который делает ваши визуальные эффекты особенными и узнаваемыми.
Создайте логотип, который выделит ваш бизнес.
- Значки упрощают навигацию по сайту. Они узнаваемы и помогают людям перемещаться по вашему сайту, как уличные знаки.
Увеличительное стекло подскажет, где находится панель поиска, телефон подскажет, где будет номер телефона, корзина покажет, какие товары вы хотите приобрести, и т. д. Эти общие символы облегчают использование незнакомого веб-сайта. - Значки упрощают общий дизайн веб-сайта. Значки веб-сайтов — это полезный способ добавить пустое пространство на ваши страницы. Это визуальная передышка, которая делает веб-сайт более читабельным, не будучи слишком загроможденным или перегруженным текстом.
- Иконки понятны каждому. Создать многоязычный веб-сайт несложно, но значки — это еще и отличный способ донести свое сообщение таким образом, чтобы все могли его понять, независимо от языка или страны.
Увеличительное стекло подскажет, где находится панель поиска, телефон подскажет, где будет номер телефона, корзина покажет, какие товары вы хотите приобрести, и т. д. Эти общие символы облегчают использование незнакомого веб-сайта. Примечание: Возможно, вы также слышали термин фавикон . Это маленький персонализированный значок, который появляется рядом с адресом вашего веб-сайта на вкладках браузера. Обычно это мини-версия вашего логотипа.
Вот подробнее о том, как добавить фавикон на ваш сайт Jimdo.
Узнайте, как создать собственный веб-сайт сегодня!
Где найти бесплатные значки для веб-сайтов
Существует множество библиотек значков, многие из которых позволяют использовать хорошо разработанные значки бесплатно или с указанием авторства. Многие веб-сайты со стоковыми фотографиями также начали предлагать значки. Ниже мы перечислили несколько любимых мест для бесплатных иконок.
Существует множество библиотек значков, многие из которых позволяют использовать хорошо разработанные значки бесплатно или с указанием авторства. Многие веб-сайты со стоковыми фотографиями также начали предлагать значки. Ниже мы перечислили несколько любимых мест для бесплатных иконок.
1. iconmonstr
Iconmonstr базируется в Германии и предлагает тысячи иконок на выбор. Они довольно простые, но бесплатны для коммерческого использования, и вы также можете изменить размер и цвет.
2.
Flaticon.comFlaticon.com имеет огромный рынок бесплатных иконок для веб-сайтов. Выбор и дизайн великолепны, но если вы хотите использовать его бесплатно, вам придется создать учетную запись и четко указать авторам значки на вашем веб-сайте. Если вы предпочитаете работать без кредита, вам понадобится платный план.
Просто выборка наборов иконок, доступных на Flaticon.3. Flaticons.net
Flaticons.net — еще один отличный ресурс для поиска и настройки иконок. Вы можете скачать значки бесплатно, а также настроить размер, цвет, форму и даже цвет фона самого значка.
На многих сайтах с бесплатными значками вы можете настроить размер, цвет и стиль значка перед его загрузкой. Этот пример взят с сайта Flaticons.net Примечание : вы можете точно воспроизвести цвет, найдя его «код цвета» — это числовое значение, которое идентифицирует цвет и обеспечивает идеальное совпадение. Чтобы найти код цвета, используйте плагин, например ColorZilla или EyeDropper .
Эти инструменты могут соответствовать цветам на любом веб-сайте, включая ваш собственный.
4. Графический бургер
Значки на GraphicBurger выделяются, потому что они имеют уникальный внешний вид и ощущаются так, как будто вы не найдете их нигде. Они идут наборами, но изменить цвет или размер нельзя.
5. Iconfinder
Iconfinder имеет огромный выбор наборов иконок в различных стилях. Многие из них бесплатны, и у них также есть варианты с оплатой по мере использования, если вам просто нужно несколько определенных значков и вы не хотите платить ежемесячную или ежегодную лицензионную плату. Таким образом, вы можете сразу купить использование значка за несколько долларов и больше никогда об этом не думать.
6. Good Stuff No Nonsense
Если вам нужны значки, которые кажутся нарисованными от руки, а не общими, посмотрите Good Stuff No Nonsense. Они обеспечивают значки с более личным ощущением ручной работы, которые лучше подходят для некоторых предприятий.
На сайте представлены как бесплатные, так и платные наборы иконок.
Как вы используете профессиональные иконки на своем сайте?
Большинство онлайн-площадок для иконок работают одинаково. У них есть тысячи иконок на выбор в разных стилях. Вы можете скачать иконку или набор иконок. Мы рекомендуем загружать их в виде файла .PNG, который подходит для большинства случаев.
Многие сайты с иконками предлагают некоторые иконки бесплатно. Но вам нужно будет создать учетную запись и, возможно, обновить ее или заплатить небольшую сумму, если вам нужны дополнительные параметры настройки или использование значков без указания их источника.
Не забывайте обращать внимание на разрешения и правила использованияБольшинство этих сайтов с бесплатными иконками существуют только потому, что дизайнеры жертвуют свою работу для использования другими. Спасибо, дизайнеры!
Но это значит, что некоторые предлагают бесплатные иконки для скачивания , если вы указываете исполнителя на своем веб-сайте и даете ссылку, откуда вы взяли значок .
Некоторые сайты соглашаются с небольшим кредитом внизу страницы, в то время как другие запрашивают более заметный кредит прямо под значком.
Прочтите также мелкий шрифт, потому что некоторые значки доступны для использования на веб-сайте, но вы не можете использовать их в логотипе компании или в других коммерческих продуктах.
После того, как вы скачали иконку, как добавить ее на свой веб-сайт?
С Jimdo вы можете добавить значок в любое место, где вы можете поместить изображение. Вы просто загружаете его в свою библиотеку изображений, а затем выбираете его из блока изображений. Вы можете использовать значок в качестве изображения, фона для блока или в качестве кликабельной ссылки. В нашем руководстве по настройке веб-сайта Jimdo вы найдете больше идей и конкретных инструкций.
Примечание: Если вы используете Jimdo Creator, вы обычно настраиваете свои значки рядом с текстом, используя элемент Photos и элемент Columns.
Советы по правильному использованию значков веб-сайтов
Придерживайтесь общих символов.
Это одна из тех немногих областей, где уникальность не помогает. Выбирайте значки, которые достаточно очевидны и хорошо известны, особенно если значок направлен — это означает, что кто-то должен понять его или щелкнуть по нему. Если это просто декоративный элемент, то у вас больше свободы действий, но это не должно вызывать слишком много головной боли. Смешивание значков или путаница с людьми случайными значками — распространенная ошибка пользовательского опыта (UX), которую люди допускают при разработке собственных веб-сайтов.
Используйте текст со значком, если смысл не ясен на 100%. Не каждый элемент контента на вашем сайте будет иметь соответствующий значок. Вот почему рекомендуется сопровождать значок текстом, если может возникнуть путаница. Использование текста также помогает сделать ваш веб-сайт доступным для людей с ограниченными возможностями, которые могут не видеть значки. Самое важное, что нужно помнить об иконках, это то, что они предназначены для дополнения вашего контента, а не для его замены.
Протестируйте иконки с посетителями вашего сайта . Значок, который очевиден для вас, может быть не очевиден для кого-то другого. Вот почему мы всегда рекомендуем проводить базовое юзабилити-тестирование вашего веб-сайта — по сути, нанять нескольких добровольцев и посмотреть, как они используют ваш веб-сайт, чтобы увидеть, не застряли ли они или чего-то не поняли. Это скажет вам, правильно ли люди понимают ваши указатели.
Поддерживайте согласованность значков. Иконки наиболее эффективны, когда все они выполнены в одном стиле. Именно это придает им изысканный и профессиональный вид. Поэтому, когда вы используете значки на своем веб-сайте, их размер, цвет и стиль должны соответствовать друг другу. (К счастью, большинство библиотек значков предлагают часто используемые значки в наборе, поэтому вам не нужно смешивать и подбирать из разных мест). И помните о размещении — независимо от того, решите ли вы разместить значки слева или справа от текста, выше или ниже, оставьте их везде одинаковыми.
Не переусердствуйте. Как только вы поймете, как легко использовать значок, может возникнуть соблазн разместить их на своем веб-сайте. Просто помните, что, как и большинство вещей, их лучше использовать в меру. В противном случае ваш сайт может оказаться запутанным и загроможденным.
Можете ли вы создать свои собственные иконки для веб-сайтов?
Как мы уже говорили ранее, лучше всего использовать значки, которые люди уже знают. Но если ни в одной из библиотек иконок нет того, что вы ищете, вы можете создать свою собственную. Вот несколько идей:
- Хотите использовать свой логотип в качестве значка? Если вы использовали, например, Jimdo Logo Creator, вы можете добавить этот логотип в качестве декоративной части своего веб-сайта. Ознакомьтесь с этим руководством, чтобы узнать, как настроить свой веб-сайт Jimdo.
- Хотите создать значок из фотографии? Вот наш популярный туториал о том, как удалить фон изображения без Photoshop.
