Где найти иконки (картинки) для своего логотипа?
Vasyl Holiney
Обновлено
Loading…
Содержание:
1.Где и как искать иконки?
2.Как найти иконку в Google
3.Как найти иконку при помощи Яндекса
Создаете логотип в logaster.ru, но не можете найти нужную иконку, картинку так как предложенные нами варианты вам не подходят?
Наша команда постоянно работает над увеличением количества качественных иконок, но у каждого человека свое видение прекрасного, так что всем угодить невозможно.
Поэтому не стоит расстраиваться, ведь вы все равно сможете получить логотип с желаемой картинкой.
Для этого нужно:
1. Создать логотип, используя для этого любую из предложенных Логастером иконок.
2. Скачать полученное в результате изображение.
3. Найти новую иконку по своему вкусу.
4. Заменить старую картинку в логотипе на новую.
Как создать и скачать логотип мы уже рассказывали ранее.
Сегодня же вы узнаете, как и где можно найти качественную иконку для вашего логотипа. Смотрите также большой обзор сервисов с бесплатными так и с платными иконками.
Где и как искать иконки?
Мы рекомендуем искать простые иконки, с минимумом цветов, без оттенков и градиентов. Они сохраняют отличную читабельность при любых размерах и легко конвертируются в разные форматы без потери качества.
Самый простой способ создания— найти ее в интернете. Бывают как бесплатные так и платные изображения. Тем не менее важно помнить, что многие из этих иконок защищены авторским правом. Поэтому обращайте внимание на права использования этих изображений!
Наиболее очевидный способ найти нужное изображение — использовать для этого поисковые системы, например Google и Яндекс.
Как найти иконку в Google:
1. Выберите «Поиск по картинкам».
2. Напишите ключевые слова для поиска. Например, «собака» или «dog».
3. Уточните свой поисковый запрос, используя слова «иконка», «вектор», «клип-арт» и т. д.
4. Выберите «Инструменты поиска» — «Тип» — «Иллюстрация».
Как найти иконку при помощи Яндекса:
1. Выберите «Поиск по картинкам».
2. Напишите ключевые слова для поиска.
3. Используйте фильтры (размер, ориентация, тип, цвет), отображенные на картинке ниже.
В итоге вы получаете перечень изображений, которые можете сохранять и использовать для своего логотипа.
Если же поиск иконки при помощи поисковых систем не дал желаемого результата, то следует обратить внимание на специализированные каталоги и сервисы. Например из перечня, предложенного нами ниже.
Flaticon
Большая бесплатная коллекция монохромных векторных изображений. Поиск нужного изображения выполняется по словам (на английском) или по категориям. Затем достаточно выбрать иконку и скачать ее.
Freepik
На этом сайте вы найдете не только бесплатные, но и шаблоны PSD, а также другие графические материалы. Также к вашим услугам раздел Stock Fotos, где вы можете купить уникальные фотографии.
Поиск нужного изображения выполняется по словам и категориям с возможностью использования фильтров и меток.
Find Icons
Здесь есть множество иконок — от плоских монохромных до красочных 3D-изображений. Доступен поиск по цвету, фону и даже стилю.
Также сайт удобен не только тем, что можно скачать иконки различных форматов и размеров, но и возможностью их конвертации. Стоит уточнить, что поиск нужных изображений, как и во всех предыдущих сайтах, возможен только на английском языке.
Freeicons
На этом сайте поиск можно производить на русском языке, а скачивание найденных изображений абсолютно бесплатно. К сожалению, сам поиск не очень удобен, но зато доступен внушительный каталог векторных изображений.
IconSearch
Очень много иконок разного качества, которые можно скачать в формате PNG и ICO. Преимуществом сервиса является русскоязычный интерфейс и возможность поиска картинок на русском языке.
Iconsguide
Этот сайт является своего рода каталогом, в котором можно найти сайты с платными иконками. Вы просто выбираете изображение по своему вкусу, и сервис перенаправляет вас на веб-ресурс, который ее продает.
Главное удобство использования этого сервиса — не нужно самостоятельно просматривать каталоги множества сайтов, чтобы купить картинку. Достаточно посетить iconsguide, где представлены самые разнообразные варианты.
После того как вы нашли нужную иконку (картинку) самое время заменить старую! О том, как это сделать, читайте в статье «Как заменить иконку в логотипе?»
Обновлено
Posted inHow To
Лучшие мини иконки для сайтов
Оригинальные маленькие иконки для сайтов и разного рода веб-приложений могут быть весьма полезными. Они помогают пользователям лучше ориентироваться, быстрее находить информацию и решают определенные задачи. Подобные картинки часто применяются для «выделения» элементов сайта или даже их замены: лупа вместо текста в блоке поиска, изображение домика вместо ссылки на главную или «дерево объектов» для карты сайта. В мобильных приложениях они еще более актуальны.
При этом не каждый проект позволяет использовать изображения размерами 48×48 пикселей или даже 32×32. Иногда приходится экономить любой участок пространства на странице. В таком случае вам определенно пригодятся разные мини иконки, представленные ниже. Если говорить о размерах, то в основном это 16×16 и 18×18 пикселей, хотя некоторые наборы могут незначительно отличаться.
В основном формат этих маленьких иконок PNG, плюс имеется парочка дополнительных в ICO. Уверены, сможете подобрать что-то подходящее. Заметка в основном состоит из цветных вариантов и лишь нескольких монохромных (наиболее удачных). Последние больше напоминают пиктограммы для сайта.
Чтобы скачать нужные файлы кликаете по картингам или указанными ссылкам на сайты источники. Также некоторые интересные материалы сможете найти в разделе бесплатных пиктограмм.
FamFamFam
Эти небольшие иконки по праву заслужили широкое признание среди веб-дизайнеров. Являются одними из самых известных и часто упоминаемых в данной нише. На сайте FamFamFam найдете 3 набора, они хорошо и понятно выглядят, при этом не занимают много места. Это: Slik, Mini и Flags, который входит в подборку с иконками флагов стран мира.
Подборки содержат практически все необходимые иконки для оформления сайта, скачать их можно бесплатно. Энтузиасты даже придумали поиск по FamFamFam, т.к. в Silk около 1000 объектов.
Это удобно если вы знаете название элемента — просто указываете текст в строке поиска. Жаль, что FamFamFam давно не обновлялись и вряд ли уже когда-то будут.
Xiao Icon
Неплохой набор аккуратных и ярких мини-картинок от молодого китайского дизайнера. Он содержит 72 PNG элемента, которые допускается размещать где угодно без каких-либо разрешений. В блоге автора имеется вторая версия Xiao Icon v2 с еще 20-тью объектами.
Там есть и другие материалы, плюс поищите что-то в профиле deviantart.
Diagona pack + Fugue Icons
Две работы от японского дизайнера Yusuke Kamiyamane. Скачивайте маленькие иконки в PNG совершенно бесплатно. Однако с лицензией royalty-free для использования нужно будет указать автора. Плюс в том, что сделать это можно на отдельной странице, например, «О проекте».
В Diagona pack найдете 400 картинок: конвертики, стрелочки, флажки, наверняка что-нибудь пригодится. Каждая — в двух размерах 10х10 и 16х16 пикселей.
Второй набор Fugue Icons немного другой тематики: календари, лампочки, портфели, — в общем прекрасное дополнение к любому деловому сайту.
Для каждого элемента имеется несколько вариантов исполнения, всего получилось 3570 обычных + 350 бонусных мини иконок. Учитывая количество, на странице добавили блок поиска по ним. В скачиваемом архиве будут PSD исходники. Отличная работа!
Social Media Mini Icons by Komodomedia
Оригинального сайта создателей уже нет в наличии, но данный набор сохранился в одном из онлайн архивов иконок. Полезен тем, кто ищет социальные кнопки, — их тут 30 штук (16×16, формат PNG). Картинки в цвете, как вы видите, подходят и для светлых, и для темных фонов. Выполнены аккуратно и красиво.
Free Farm-Fresh Web Icons
Достаточно объемный по содержанию архив — почти 4тысячи пиктограмм в двух размерах 16×16 и 32×32. Судя по описанию, есть отдельно цветной и монохромный релизы, а также сборник ICO-файлов в дополнение к базовым PNG.
Pixelbox icon sets
Недавно писали про милые красочные иконки от Icojam — советуем обязательно зайти и скачать пару наборов. Оказывается у них также есть варианты с мини иконками небольших размеров, которые мы и публикуем сегодня.
Web development sets
Интересно, что здесь в картинках имеется словно 2 состояния: активные (цветные) и неактивные. Подобную фишку можно использовать в hover эффектах для изображений в веб-проектах. Материалы 16×16 отлично смотрятся.
Hand pointer icons
Состоит из 36 объектов-указателей. Кроме PNG формата есть PSD файл для фотошопа. Указатели имеют 6 цветовых решений и 6 типов (направлений). Возможно, кому-то из вас пригодится — на скриншоте выше показано как они смотрятся с другими элементами сайта.
BWPX.ICNS
Подборка 250 монохромных иконок размером 18×18 и разными функциями: от компьютеров, безопасности до ecommerce. В оригинале данный архив не сохранился, поэтому приходится скачивать его с Softicons.
SweetiePlus
Милые маленькие иконки в PNG формате двух размеров: 24×24 16×16. Всего получилось 120 элементов, которые можно использовать для веб-приложений, а также создание сайтов и шаблонов под них. Приятно то, что разрешается внедрять данные картинки в любые проекты, в том числе и коммерческие, например, премиум шаблоны WordPress.
HoHoHo
Еще один «древний» набор, который сохранился до наших дней. Он слегка отличается от других, т.к. во-первых, содержит наиболее крохотные материалы — всего 10х10, во-вторых, выполнены они в GIF. Картинки имеют серый окрас и могут сгодиться для технических веб-проектов.
Circular Icons
Здесь представлены на выбор 3 варианта работы. Первый из них содержит картинки 4х размеров — от минимального 16×16 до 128×128. Бесплатно вы можете скачать маленькие иконки в PNG, а SVG и Sketch стоят денег. В принципе, это удобно — тестируете обычную версию, после чего покупаете «продвинутую», если все подходит. Все они, как видите, круглые, без фона.
Web Mini + Web 2.0 Basic Mini
Обе подборки вместе с другими материалами автора находятся на одной странице. Картинки 16x16px можно скачать в PNG, GIF и ICO форматах.
Первый архив (Web Mini) разработан для сайтов, блогов, форумов и т.п. Используйте их в панелях инструментов веб-приложений.
Из названия второго варианта Web 2.0 Basic Mini вы наверняка догадались, что он предназначен для проектов в стиле Web 2. 0. Мини иконки здесь представлены в трех цветовых решениях: синем, оранжевом и зеленом. Не смотря на то, что они однотонные, выглядят достаточно эффектно.
LED Icon Set
Подборка профессиональных материалов для дизайнеров и веб-разработчиков, которые можно применять в коммерческих проектах (с упоминанием авторов). Здесь более 500 PNG картинок на любой вкус: функции, смайлы, объекты, компьютерная техника и т.п.
Splashy Icons
Приз за самую яркую идею сайта-источника уходит создателям Splashy Icons. Они просто добавили все материалы в качестве фонового изображения. В центре страницы находится ссылка для загрузки, где указано их общее число — 483штуки. Все это бесплатно.
Web-design Iconset by SemLabs
Еще одна реализация цветных маленькие иконок для сайта, исходная страница которой, к сожалению, не сохранилась. Поэтому приходится искать и скачивать объекты по отдельности с Softicons. Тематика, в принципе, стандартная — «Web интерфейс», размеры 16×16, коммерческое применение разрешено.
Essen
Материалы из данного набора имеют несколько похожих вариаций, но в других цветах: Berlin — серый, Munich — оранжевый, Dortmund — темно-серый с некоторыми измерениями в изображениях. Рассматриваемый нами архив содержит цветную версию. Сайт создателя, увы не сохранился, а Google поиск выдал ссылку на проект Iconfinder. Там доступна загрузка всех 100 файлов, но по отдельности. Нужно только выбрать 16×16 или 32×32.
MiniPixel Icons ByStudioM6
Подборка из 112 достаточно оригинальных по исполнению PNG картинок. Размер их 15×15. Как и в Web development sets, часть материалов цветные, другая — серые (словно неактивные).
ASP.NET Icons v1.0
Еще один необычный по исполнению набор, содержащий иконки программ под ASP.NET. Их, в принципе, можно удачно применять и в любой другой похожей нише. Много системных и компьютерных GIF изображений — всего 300.
Vento
Отличные небольшие иконки по разным тематикам, причем не только связанным с техникой. Всего 80 PNG файлов, подходят для использования в коммерческих задачах. Смотрятся весьма стильно и детализировано, не верится, что их размер всего 16px.
UI Icon Set
Последние 3 набора созданы одним и тем же автором — Matt Gentile. Вероятно, в сети есть еще несколько его работ. Данная подборка состоит из 110 объектов в 3х вариантах: 16px, 32px, 48px. Кроме того, в архиве найдете PSD исходники.
Premium Pixels Icon Set
Пусть вас не смущает слово Premium в названии — это сайт, для которого Matt создавал эксклюзивную коллекцию. Всего получилось 58 элементов. Как и в предыдущем случае они содержат PSD, PNG и даже CSH файл форм.
Micro Icon Set
В принципе, стилистика всех работ данного автора похожа. Не смотря на использование всего одного цвета, эти небольшие объекты выглядят вполне выразительно. Здесь все то же самое: 3 формата файлов, размер 16px, 110 миниатюрных изображений.
Итого. В англоязычных статьях-подборках из сети было еще с десяток разных работ, но выглядели они, если честно, хуже по качеству. Уверены, более 25-ти наборов мини иконок вам хватит, особенно учитывая то, что в некоторых из них по пару сотен и даже тысяч элементов. Просматривая все иллюстрации выше, скорее, наоборот можно растеряться в таком разнообразии. Вот еще парочка премиальных работ:
Isometric Flat Icons
600 Thin Line Mini-icons
Vector Black Pictograms for Web
Interface / Business / Tools Mini Icons
Shopping and Commerce Set
Если не получается загрузить тот или иной файл, попытайтесь найти его через Google поиск. Увы, так бывает, что со временем некоторые веб-проекты закрываются, поэтому советуем заранее скачать маленькие иконки для сайтов и сохранить их на компьютере.
Если знаете еще какие-то интересны варианты, присылайте в комментариях.
Создать картинки и иконки для сайта в раздел FAQ • фриланс-работа для специалиста • категория Иконки и пиксельная графика ≡ Заказчик Илья Балабан
6 из 6
проект завершен
публикация
прием ставок
утверждение условий
резервирование
выполнение проекта
проект завершен
Нужно Создать 3 картинки и несколько иконок для сайта матрасов.
А именно:
В цветовой схеме сайта https://come-for.com/
Все вижуалы должны быть в едином стиле и подходить по цветовой гамме сайту.
Иконки должны четко отображать текстовый контент элемента и быть в одном стиле!
Прошу указывать цену за картинку и иконку, а также cроки исполнения.
ТЗ:
https://docs.google.com/document/d/1rUMsFOg0L3rXMjIPqPPnQKJzYfHmytwsjN9X1jQGwqk/edit?usp=sharing
Спасибо жду предложений!
Размер картинок 1500х500 пик.
Размер иконок 500х500 пик.
Работаем через сейф!
Отзыв заказчика о сотрудничестве с Dima Avanesov
Создать картинки и иконки для сайта в раздел FAQКачество
Профессионализм
Стоимость
Контактность
Сроки
Дмитрий отличный специалист! Отрисовал всё красиво и в сроки! Качество работы соответствует всем запросам четко понимает ТЗ! Дим спасибо сотрудничаем далее!
Отзыв фрилансера о сотрудничестве с Ильёй Балабаном
Создать картинки и иконки для сайта в раздел FAQОплата
Постановка задачи
Четкость требований
Контактность
Хороший заказчик, быстро предоставил ТЗ, внятно объяснил задачу, легкость в общении, своевременная оплата. Всегда приятно работать с такими людьми. Очень рад полученной возможности работать с Ильей! Буду очень рад дальнейшему сотрудничеству! Рекомендую !!!)
Dima Avanesov | Сейф
- Ставки 7
- Отклоненные 1
дата онлайн рейтинг стоимость время выполнения
4 дня1000 UAH
4 дня1000 UAH
Добрый день, заинтересовал Ваш проект, мои работы можно посмотреть в профиле, обращайтесь)
ставка скрыта фрилансером
ставка скрыта фрилансером
3 дня1000 UAH
3 дня1000 UAH
▶ Здравствуйте. Заинтересовал Ваш проект. Примеры по запросу.
учту все пожелания
👍 Обращайтесь)С ув. Андрей
Behance — Behance
Больше работ — Freelancehunt2124
96 0
Пример работы:
1 день200 UAH
Юрий Харченко
1 день200 UAH
Здравствуйте, Илья!
Иконки — 100 грн\шт.
Баннер — 200 грн\шт.
Работаю до полного утверждения.
Давайте поработаем? Уверен, мы найдем с Вами общий язык.Нажмите на мою аватарку, чтобы посмотреть мои работы) Хорошего дня:)
2 дня300 UAH
2 дня300 UAH
Здравствуйте, Илья)
Готов выполнить ваш проект
Работаю до полного согласия с клиентом
Учту все детали и нюансы
Работаю в Figma, Corel Draw примеры работ есть в портфолио)
Выполню все быстро и качественно
Обращайтесь, буду рад сотрудничать с вами)3 дня999 UAH
3 дня999 UAH
Здравствуйте!
Меня зовут Наталия, я графический дизайнер.
Хочу помоч вам виполнить задание.Примери иконок, в моем исполнении могу скинуть в личние сообщения.
С моим портфолио можете ознакомится с ссылками Behance FreelancehuntС уважением, ваш дизайнер Наталия!
7 дней1000 UAH
7 дней1000 UAH
Заинтересовал Ваш прект, выполню работу в соответствии с ТЗ. По 200 грн за вижуал, по 70 грн за уникальные иконки. Пишите обсудим подробнее.
1 год назад
114 просмотров
- иконки
- 3d визуализация
- 3D графика
- разработка иконок
- Иконки и пиксельная графика
- 3д визуализация мебели
- 3д визуализация интерьеров
Website Icon — Illustrationen und Vektorgrafiken
575. 615Grafiken
- Bilder
- Fotos
- Grafiken
- Vektoren
- Videos
Niedrigster Preis
SignatureBeste Qualität
Durchstöbern Sie 575.615
website icon lizenzfreie Stock — и векторграфик. Например, вы можете использовать значки социальных сетей или значок радио. Контактный вектор-символ с изображением и силуэтом фондовой иллюстрации — значок веб-сайта с изображением, клипартом, мультфильмами и символомКонтактный вектор-символ с изображением стиля и силуэта на складе…
e-commerce-liniensymbole. bearbeitbare stroke_set1 — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символE-Commerce-Liniensymbole. Bearbeitbare Stroke_Set1
benutzeroberfläche dünne liniensymbole bearbeitbare kontur — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleBenutzeroberfläche Dünne Liniensymbole Bearbeitbare Kontur
vektor-internet-welt — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleVektor-Internet-Welt
lineo editable stroke — journalismus und nachrichten liniensymbole — значок веб-сайта stock-grafiken, — клипарт, -cartoons und -symboleLineo Editable Stroke — Journalismus und Nachrichten. ..
Visitenkarte-symbole — иконка веб-сайта stock-grafiken, -clipart, -cartoons und -symboleVisitenkarte-Symbole
worldwide web-konzept-globus- набор иконок. веб-символы планеты. глобус-иконки для веб-сайтов. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символWorld Wide Web-Konzept-Globus-Icon-Set. Planet Web Symbolsatz….
videokonferenz-symbolset — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -symboleVideokonferenz-Symbolset
große menge schwarzer pfeile und richtungszeiger — значок веб-сайта сток-графика, -clipart, -cartoons und -symboleGroße Menge schwarzer Pfeile und Richtungszeiger
kleine benutzeroberflächenzeilensymbole bearbeitbare kontur — значок веб-сайта сток-график, -клипарт, -мультфильмы и -символKleine Benutzeroberflächenzeilensymbole bearbeitbare Kontur
web-entwicklung — dünne linie vektor-icon-set. пиксель идеальный. медвежий барер строгий. das set enthält icons: webdesign, datenanalyse, coding, seo, портфолио, webseite, kreativer beruf — веб-иконки стоковые графики, -клипарты, -мультфильмы и -символыWeb-Entwicklung — Dünne Line Vektor-Icon-Set. Идеальный пиксель….
контактных символов. Bearbeitbarer strich linearer symbolatz für mobilgeräte und web. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символКонтактный символ. Bearbeitbarer Strich linearer Symbolsatz for
softwareentwicklung bezogene editierbare strich umriss symbole isoliert auf weißemhintergrund flashe vektor-illustration eingestellt. пиксель идеальный. 64 x 64. — изображение веб-сайта сток-графика, -клипарт, -мультфильмы и -символSoftwareentwicklung bezogene editierbare Strich Umriss Symbole…
position-pin-symbolvector. satz von kartenpunktsymbolen isoliert. GPS-маркер. картографическое положение. вектор-иллюстрация — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символПозиции-Пин-Символвектор. Satz von Kartenpunktsymbolen isoliert.
Weiße e-mail und e-mail-symbol mit langem schatten isoliert. umschlagsymbol электронная почта. электронная почта-nachrichtenzeichen. roter kreis-вкус. вектор-иллюстрация — значок веб-сайта графика, -клипарт, -мультфильмы и -символWeiße E-Mail и E-Mail-Symbol mit langem Schatten isoliert. …
загружены zeilensymbole herunter. векторная иллюстрация вызывает символ — загрузка, облачная речь, порядок, файл, документ, дискета, дискета, дискета с пиктограммой для веб-кнопки. 64×64 пикс. совершенство, рисунок контура — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символLaden Sie Zeilensymbole herunter. Vektorillustration enhalten…
онлайн-покупки-anwendung интерфейс-bezogene набор символов. сайт-zeichen. — значок веб-сайта графика, -клипарт, -мультфильмы и -symboleИнтернет-магазины-Anwendung интерфейс безогенный набор символов. Веб-сайт-Z
Телефон с символом Wellen Symbol — schwarz einfach, isoliert — векторная иллюстрация на складе — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleТелефон с символом Wellen Symbol Symbol — schwarz einfach, isoliert -…
виртуальная реальность — dünne linie vektor-icon-set. пиксель идеальный. медвежий барер строгий. das set enthält icons: виртуальная реальность, дополненная реальность, умные очки, интерактив, метавселенная, 360-градусный обзор. — веб-иконка сток-графика, -клипарт, -мультфильмы и -символВиртуальная реальность — набор векторных иконок. Pixel perfekt….
Эквалайзер или Einstellungssymbol, umrissener stil — значок веб-сайта стоковая графика, -клипарт, -мультфильмы и -symboleЭквалайзер или Einstellungssymbol, umrissener Stil
символ линии einkaufswagen. минимальная векторная иллюстрация. inklusive einfache umriss-icons wie trolley, supermarkt-korb, shop-tasche, artikel hinzufügen, электронная коммерция. медвежий барер строгий. совершенный пиксель — значок веб-сайта сток-графика, клипарт, мультфильмы и символыEinkaufswagen Line Symbol. Minimale Vector-Illustration….
значки контактов — веб-иконки стоковые изображения, клипарты, мультфильмы и символыЗначки контактов
kontosicherheit — две линии векторных символов. пиксель идеальный. беарбейтбарер контур. das set enthält symbole: digitale authentifizierung, verifizierung, datenschutz, gesichtsidentifikation, fingerabdruckscanner, sicherheitstechnologie. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символKontosicherheit — Dünne Linee Vector Symbolsatz. Pixel perfekt….
einfache erfassung der hauptlinie verwandte symbole. — значок веб-сайта графика, клипарт, мультфильмы и символыEinfache Erfassung der Hauptlinie Verwandte Symbole.
Symbole für linientext — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleSymbole für Linientext
набор значков линии взаимодействия с пользователем — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleНабор значков линии взаимодействия с пользователем
символ стрелки — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символсимвол стрелки
контактный символ. беарбейтбарер контур. пиксель идеальный. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символKontaktliniensymbole. Беарбейтбарер Контур. Идеальный пиксель.
настольный компьютерсимвол. flach-led-bildschirm-pc. современный персональный монитор. бюро и домашний рабочий стол. черный символ для веб-дизайна. fernseh-интернет-технологии. isolierter вектор illustratin — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символСимвол настольного компьютера. Flach-LED-Bildschirm-PC. Современный человек
benutzeroberflächensymbole-set — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символBenutzeroberflächensymbole-Set
startseite, haus icon вектор фондовой иллюстрации дизайн vorlage — значок веб-сайта сток-график, -клипарт, -мультфильмы и -символStartseite, Haus Icon Vektor Stock Illustration Design Vorlage
lineo editierbare schlaganfall — торговые и электронные торговые символы — веб-сайт значок сток-графика, -клипарт, -мультфильмы и -символLineo editierbare Schlaganfall — Shopping und E-Commerce Line…
маркировочных символов. grünes zecken und rotes kreuz. рунде häkchensymbole. wahre und falsche, richtige, richtige und falsche, gemachte, vollständige konzepte. flaches design und dünnes liniendesign. vektorsymbole gesetzt — значок веб-сайта графика, клипарт, мультфильмы и символыМаркировка Sie Symbole. Grünes Zecken und rotes Kreuz. Runde Häkche
kontaktieren sie uns linie символ. Минимальная векторная иллюстрация с информационными символами, такими как телефон, электронная почта, веб-сайт, адрес, стандарт, информация, обратная связь и другие бизнес-пиктограммы. медвежий барер строгий. пиксель совершенный — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символКонтактная информация Sie uns Line Symbol. Minimale Vektor-Illustration…
недвижимость — набор векторных иконок из двух линий. пиксель идеальный. беарбейтбарер контур. das set enthält symbole: wohnung, wohngebäude, immobilienentwickler, immobilienmakler, immobilieninvestition, mietvertrag. — веб-сайт значок сток-графики, -клипарт, -мультфильмы и -символНЕДВИЖИМОСТЬ — набор векторных иконок dünne Linie. Pixel perfekt….
standard-avatar-profilsymbolvektor — иконка веб-сайта сток-графика, -клипарт, -мультфильмы и -символStandard-Avatar-Profilsymbolvektor
vektorbildsatz kamera- und fotoliniensymbolen. — значок веб-сайта графика, -клипарт, -мультфильмы и -символВекторные изображения камеры и фотосимволов.
концепции электронного обучения, онлайн-образование у себя дома. 3d реалистичная векторная иллюстрация. — веб-сайт значок сток-графики, -клипарт, -мультфильмы и -символКонцепция электронного обучения, онлайн-конструкции для дома. 3D…
liniensymbole und schaltflächen für die benutzeroberfläche. медвежий барер строгий. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символLiniensymbole und Schaltflächen für die Benutzeroberfläche….
e-commerce-liniensymbole. беарбейтбарер контур. совершенный пиксель — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символE-Commerce-Liniensymbole. Беарбейтбарер Контур. Pixel perfekt
schild mit häkchensymbol im flachen stil. schützen sie die vektorillustration auf weißem, isoliertem hintergrund. галочка гвардии geschäftskonzept. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символSchild mit Häkchensymbol im flachen Stil. Schützen Sie die…
firmenverbindungs-visitenkartensymbol gesetzt. телефон, имя, веб-сайт, адрес, стандарт и электронная почта-логотип-символ-зейхен-пак. векторные иллюстрациибилд. isoliert auf weißem Hintergrund. kontaktentwurfsvorlage.com — значок веб-сайта графика, -клипарт, -мультфильмы и -символFirmenverbindungs-Visitenkartenssymbol gesetzt. Телефон, Имя,…
kontaktieren sie uns glyphen- und liniensymbole. медвежий барер строгий. пиксель идеальный. для мобильных устройств и Интернета. Enthält Symbole с телефоном, смартфоном, глобусом, электронной почтой, поддержкой. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символKontaktieren Sie uns Glyphen- und Liniensymbole. Bearbeitbarer…
иллюстрации иконок satz von warenkorb, warenkorb, einkaufen, versandhandel. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символИконка Иллюстрация Satz von Warenkorb, Warenkorb, Einkaufen,…
лайки, теги, комментарии, дополнения и другие символы schaltfläche vektor-illustration. satz von social-media-taste oder symbol vektor-illustration design-vorlage für videokanal, blog und hintergrund-banner-konzept — icon web-grafiken, -clipart, -cartoons und -symboleLike, Teilen, Kommentieren, Abonnieren und Teilen Symbol Schaltflä
einstellungen — набор векторных символов dünne linie. пиксель идеальный. медвежий барер строгий. das set enthält symbole: zahnrad, schieben, reparieren, schraubenschlüssel, einstellung, ingenieur, öko-einstellungen, lösung, personliche einstellungen. — значок веб-сайта графика, -клипарт, -мультфильмы и -символEinstellungen — Dünne Liney Vector-Symbol-Set. Pixel perfekt….
mock-up-bildschirm-telefon. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символМокап-Bildschirm-Телефон.
domain-registrierungssymbol / blaue farbe — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symbole -symboleLiefer-UI-Symbole-Kit
Lineo editable Stroke — Journalismus und nachrichten liniensymbole — иконка веб-сайта stock-grafiken, -clipart, -cartoons und -symboleLineo Editable Stroke — Journalismus und Nachrichten. ..
Значок линии запуска запуска — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleЗначок линии запуска запуска
mail-icon-set — значок веб-сайта stock-grafiken, -clipart, -cartoons und -symboleMail-Icon -set
веб-браузерфенстер. vorlage der Website-oberfläche. социальные сети в стиле браузеров. макет веб-фенстера в линейном дизайне einfachem. suchleiste mit lupe und pfeilen. вектор eps 10. — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символWebbrowserfenster. Vorlage der Website-Oberfläche. Социальные сети St
legen sie das adressbuch, den monitor und die phone- und Websitevorlage fest. бизнес-инфографикворлаге. вектор — значок веб-сайта графика, клипарт, мультфильмы и символыЛегенс Sie das Adressbuch, den Monitor und die Telefon- und…
бизнес-команда, дас beim webseitendesign zusammenarbeitet. personen, die eine Website-schnittstelle auf dem computer erstellen. webentwicklung, teamarbeit, — значок веб-сайта, графика, клипарт, мультфильмы и символыBusiness-Team, das beim Webseitendesign zusammenarbeitet. …
lupe in durchgehender einlinienzeichnung. konzept der geschäftsanalyse im einfachen gliederungsstil. verwendet für логотип, эмблема, веб-баннер, презентация. doodle vektorillustration — значок веб-сайта сток-графика, клипарт, мультфильмы и символыLupe in durchgehender Einlinienzeichnung. Konzept der Geschäftsana
— символ ручного клика в трендовом дизайне умрисс-стиль. векторграфик-иллюстрация. нажмите на символ для дизайна веб-сайта, логотипа, приложения и пользовательского интерфейса — значок веб-сайта, графика, клипарт, мультфильмы и символHandklick-Symbol в трендовом стиле Umriss-Stil-Design. Vektorgrafik-Ill
маркировочных символов. вектор-dünnlinien-дизайн. zulassung, verifiziert, garantie, test, online-umfrage, qualitätskontrollkonzepte. премиум-качество. Moderne lineare elemente, einfache umrisssymbole sammlung. пиксель идеальный. вектор-häkchen-symbole — значок веб-сайта сток-графика, -клипарт, -мультфильмы и -символМаркировать Sie Liniensymbole. Вектор-Дюннлиниен-Дизайн. Zulassung,
члена и vip иконки — серия классических линий — иконка веб-сайта сток-графика, -клипарт, -мультфильмы и -символMember und VIP Icons — Classic Line Серия
Календарь-символ в цветном дизайне. вектор — значок веб-сайта сток-графика, клипарт, мультфильмы и символыКалендарь-Символ во флеш-дизайне-стиль. Вектор
фон 10010 способов использования значков и изображений в цифровом дизайне
Логотипы, веб-сайты и многое другое…
Логотипы, веб-сайты, обложки книг и многое другое…
Получить дизайн
При разработке дизайна для цифрового бренда вы или ваш дизайнер должны найти баланс между созданием чего-то визуально нового и захватывающего и передачей всего важного. Иконки и изображения идут рука об руку, задавая тон опыту пользователей и приглашая их впитать идентичность и дух вашего бренда.
Здесь мы составили руководство «как сделать», сосредоточившись в первую очередь на использовании значков и изображений в дизайне. Охватывая все основы, это отличный трамплин для вас, чтобы спрыгнуть и приступить к своим цифровым творческим занятиям.
Приступаем к делу.
Дизайн иконок от ClickyКак правильно размещать иконки
—
Иконки расставляют визуальные акценты в цифровом дизайне. Если у вас есть много информации для представления, они являются отличным инструментом для разбивки текстового контента в более удобоваримом и захватывающем формате. Для того, чтобы сделать это эффективно, вы должны быть стратегическими.
Читайте дальше, чтобы узнать о пяти отличных способах внедрения значков в ваш визуальный контент.
1. Обозначьте ключевые пункты
Наши любимые весенние уборщики, маркированные пункты или нумерованные списки, работают для того, чтобы навести порядок в тексте. Отделяя информацию от остального текста, они выделяют ключевые моменты и выводы. Более творческий подход к классическому формату списка включает иконографию.
через Alex SolorzanoРазработка уникальных символов для дальнейшего усиления индивидуальности вашего бренда и визуальной передачи вашего сообщения сохраняет ритм легким и бодрым для вашего читателя. Например, взгляните на этот набор инфографики, иллюстрирующий шаги, которые этот бренд предпринимает для борьбы с Covid-19.пандемия. Он не только объясняет эту важную информацию беззаботным и легко читаемым способом, но и полон характера и представляет ценности бренда.
2. Маркировка диаграмм или графиков
Некоторые дизайны подходят для большого количества текста (например, письменные статьи или аннотация на обложке книги), но другой информационный контент, такой как инфографика, требует более визуального подхода. Одним из преимуществ иконографии является то, что она позволяет читателям визуализировать текст, что может быть особенно полезно, когда вы пытаетесь передать данные или статистику.
через VismeВзгляните на приведенный выше пример, сначала без значков, а затем со значками. Разве вариант со значками не выглядит менее загроможденным и легко читаемым? Это потому, что для каждой метки есть визуальные вспомогательные элементы, помогающие объяснить каждый пункт.
Одна вещь, в которой нужно быть уверенным, это то, что вы всегда включаете значки, которые имеют отношение к делу, иначе они не будут иметь смысла. Вы не добавляете значки ради самих значков — вы делаете это для того, чтобы ваш дизайн был понятным и визуально привлекательны.
Давайте посмотрим на другой тип инфографики на изображениях ниже, отметив различия между этими двумя визуализациями данных. Замена письменных статистических данных и названий на диаграмму, помеченную визуальными логотипами, создает более четкий, доступный и эффективный дизайн.
через Visme3. Покажите согласованность
Существует так много разных стилей значков, от плоских до контурных, изометрических и т. д., что может показаться немного ошеломляющим, чтобы знать, с чего начать. Мы собрали три вещи, о которых вам следует помнить при выборе или разработке иконографии для вашего проекта. В поисках правильного стиль , цвет и размер имеет решающее значение для согласованности и отражения индивидуальности вашего бренда.
Стиль значков
Поскольку существует множество различных стилей значков, важно придерживаться единого стиля значков во всем дизайне, независимо от того, какой из них вы выберете.
Вот пример, который поможет продемонстрировать, почему такая согласованность так важна:
через VismeПосмотрите, как в первом случае значки имеют похожий внешний вид? Это делает дизайн в целом цельным и цельным. Но во втором примере морковь представляет собой иконку с черным контуром, а салат остается цветной иконкой, отталкивая зрителя и нарушая дизайн.
Цвет значка
Другим важным аспектом единообразия значка является цвет. Хотя в определенных контекстах требуется, чтобы значки сохраняли «логичные» цвета (см. морковь и салат в нашем предыдущем примере), иногда гораздо интереснее проявить творческий подход. Один из способов сделать это — сопоставить цвет значка с виджетом данных, в котором он отображается (или с общей цветовой схемой), например, следующий набор координирующих цветов между статистикой и соответствующим значком.
через VismeРазмер значка
через Beatriz AyresПоследний важный момент, который следует учитывать при внедрении иконок в вашу дизайнерскую работу, — это их размер. Какое бы сообщение они ни обозначали, подумайте, является ли это сообщение столь же важным, как и другие пункты. Если это так, и вы хотите, чтобы ваш читатель рассматривал каждую из них одинаково, размер ваших значков должен отражать это, поскольку каждый элемент в дизайн-проекте должен быть оптимизирован вместе. Более того, использование кругов одинакового размера помогает создать единообразный вид вокруг некоторых значков необычной формы, что приводит нас к следующему пункту…
4. Добавьте фон
через VismeКак вы могли заметить в предыдущих примерах, значок в виде линии часто выглядит достаточно эффектно. Иногда, однако, вы можете захотеть добавить дополнительный контрастный слой к своему дизайну, чтобы действительно сделать иконографию ослепительной, и это означает добавление фона. Помимо обычных сферических форм для поддержки ваших значков, есть несколько других творческих возможностей, которые вы можете использовать, включая размер, форму, размещение и прозрачность… на самом деле все, что вам нравится.
Через Visme
5. Добавление анимации
через VismeЕсли вы не были достаточно взволнованы, почему бы не подумать об анимации ваших значков? Добавление тиканья, подергивания или дрожания добавляет драматизма и более эффективно передает сообщение символа. Позвольте избытку творчества (и движения) пробежаться по вашим знаковым идеям и посмотреть, что получится… а пока давайте поговорим об изображениях.
Как максимизировать потенциал изображения
—
У вас есть отличная графика, но вы не знаете, как разместить ее на веб-странице? Возможно, вы занимаетесь проектированием цифрового пространства или платформы и нуждаетесь в вдохновении, чтобы оживить его. Образы привлекают внимание; они побуждают пользователей к вашему призыву к действию и обеспечивают обогащенный опыт. Мало того, они рассказывают историю и дух вашего бренда; визуально говоря .
Контрастирующие и дополняющие пустое пространство и фирменные цвета, избранные изображения настолько важны в дизайне, что вам нужно сделать их идеальными, чтобы выделиться среди конкурентов. Итак, мы подумали, что было бы здорово собрать пять альтернативных техник представления изображений в ваших проектах.
1. Сделайте кадрирование
Via VismeОдин из необычных способов включения изображений в ваши проекты — это кадрирование их в абстрактные формы и создание уникальных узоров. Вы можете начать с чего-то простого, например, квадрата, круга или треугольника (или чего-то асимметричного, если вы любите приключения), а затем поиграть с размерами, чтобы найти подходящую форму. Если вы имеете в виду геометрический дизайн, вы также можете попробовать плитку, с некоторыми формами, открывающими изображение, и некоторыми, заполненными дополнительными/контрастными цветами блока.
2. Используйте изображения в качестве фона
через VismeЗаполнение фона изображением создает атмосферу и побуждает читателя установить более глубокую связь с вашим брендом. Вы можете попробовать разные методы, например, использовать прозрачную рамку для отображения текста поверх изображения, но убедитесь, что вы выбрали контрастные цвета и размещение, чтобы текст было легко читать.
3. Вырезы
Via VismeЛюбите главный элемент изображения, но не его фон? Вырежьте ненужные фрагменты в вырезке изображения (см. пончик). Этот метод дает вам гораздо больше свободы, поскольку вы можете вставить его основную функцию в свой дизайн, не беспокоясь о том, что края квадратной / прямоугольной фотографии будут выглядеть неуклюже. Это также открывает ваш сайт, чтобы охватить пустое пространство. Проявите творческий подход и посмотрите, сколько похожих вырезок изображений вы можете использовать. Вы даже можете поместить вырезанное изображение поверх текста, чтобы придать дизайну больше глубины.
4. Коллажи
через Мэтта ПамераПримерно с 1910 года практика коллажирования развивалась вместе с несколькими движениями в искусстве и культуре. В наши дни он заигрывает с пустым пространством, чтобы создавать динамичные цифровые дизайны, наполненные характером и фирменным стилем, на которые приятно смотреть. Отличный способ дразнить или игриво манипулировать контентом, это идеальный альтернативный режим для представления изображений.
Вы можете использовать гладкую сетку в качестве основы или, возможно, вы хотите пойти по «старой школе», отсканировать и разорвать фотографии, прежде чем объединить их в цифровой коллаж, источающий шероховатую эстетику D-I-Y. Будьте изобретательны с композициями, но убедитесь, что все они хорошо сочетаются с вашей общей идентичностью бренда и цветовой палитрой.
5. Добавить простой переход
через Женю РынжукБольшой вход никому не помешает и изображения не исключение. Статические веб-сайты могут быть невероятно мощными, но они также могут быть неприступными. Простой переход движением увеличивает интерактивность между сайтом и пользователем, предлагая пользователю незабываемые впечатления и создавая еще один шанс выразить индивидуальность бренда.
Время делать решительный шаг
—
Значки и изображения могут быть небольшими дополнениями к вашему дизайну, но они могут иметь огромное влияние. С помощью этих 10 советов вы можете начать интегрировать их в свои проекты, чтобы вывести их на новый уровень. Не уверены, какой тип значка или изображения вам подойдет? Лучший подход к совершенствованию цифрового дизайна — это экспериментирование. Выбор правильных значков и изображений и изучение того, как манипулировать ими, чтобы они соответствовали эстетике бренда вашей мечты, — это процесс, и знаете что — это весело!
Об авторе
Хлоя — менеджер по контент-маркетингу в Visme, онлайн-программном обеспечении для графического дизайна. Она любит писать о цифровом маркетинге и дизайне и находить новые способы привлечения аудитории с помощью контента. Хлоя живет в Чарльстоне, Южная Каролина, где она любит исследовать свой город со своим сыном.
Более 21 места, где можно найти бесплатные иллюстрации, HD-изображения и значки для веб-сайтов и приложений
Иллюстрации, изображения и значки являются важными элементами веб-сайта или приложения. Они делают ваш сайт более привлекательным и интересным для пользователей. Они также помогают вам передать сообщение пользователям на вашем сайте.
Например, целевая страница с креативными иллюстрациями для объяснения ваших услуг пользователям с большей вероятностью будет понята быстрее, чем простой текст. Другой пример: использование значков в списке меню может помочь пользователям быстрее понять меню.
Использование потрясающих иллюстраций, изображений и значков на вашем веб-сайте улучшит пользовательский интерфейс и опыт (UI/UX). Это потому, что люди любят отличные визуальные эффекты.
Однако не все из нас дизайнеры, способные создавать потрясающие иллюстрации и другие графические ресурсы с нуля. На самом деле, некоторые разработчики плохо разбираются в дизайне. Тем не менее, нам все еще нужны потрясающие иллюстрации для нашего веб-сайта или приложения.
Чтобы решить эту проблему, вам не всегда нужно нанимать дизайнера или покупать графические ресурсы. Есть несколько полезных веб-сайтов, которые делятся графическими ресурсами для бесплатного и коммерческого использования. Собираю лучшие из них здесь. Давайте проверим выход!
Содержание
Сайты с бесплатными иллюстрациями
1. UnDraw
UnDraw — это коллекция иллюстраций с открытым исходным кодом, созданная Катериной Лимпитсоуни. Цель этого проекта — помочь разработчикам создавать веб-сайты, продукты и приложения с улучшенным дизайном.
В UnDraw вы можете просматривать иллюстрации, которые соответствуют вашему сообщению, и настраивать цвет в соответствии с вашим брендом или общим дизайном продукта.
Вы можете использовать иллюстрации в любом проекте, коммерческом или личном, без указания авторства или каких-либо затрат.
2. Blush
Blush — это веб-сайт, на котором собраны иллюстрации художников со всего мира. Вы можете бесплатно скачать коллекцию иллюстраций в разном стиле от любого понравившегося художника в формате PNG.
Blush доступен для Figma в виде плагина, что позволяет дизайнерам легко играть с иллюстрациями в своих инструментах дизайна. Blush также доступен в виде веб-приложения, поэтому каждый может загружать иллюстрации и добавлять их в свои творения.
3. DrawKit
DrawKit — это бесплатные векторные иллюстрации и значки, нарисованные от руки, которые идеально подходят для вашего следующего проекта.
Разделяет иллюстрации в виде пачки или набора. Они также бесплатно делятся некоторыми анимационными активами.
4. Фрипик
Freepik содержит более 465 000 бесплатных векторных иллюстраций для личных и коммерческих . Вы можете искать любую категорию иллюстраций на Freepik.
Вы можете скачать иллюстрации в форматах AI, SVG или EPS.
Помимо иллюстраций, вы также можете найти и скачать стоковые фотографии, PSD-файлы и значки.
5. Free Illustrations
Free Illustrations предоставляет иллюстрации высокого разрешения для современных веб-сайтов и фона целевых страниц.
Итак, это отличный ресурс, если вы собираетесь создавать целевые страницы с потрясающим дизайном.
Бесплатные иллюстрации доступны только для личного использования. Для коммерческого использования вы должны заплатить создателю 10 долларов.
6. Ой!
Ой! предоставляет иллюстрации в различных категориях, чтобы классифицировать ваш проект. Вы можете скачать бесплатные иллюстрации PNG и SVG от лучших художников Dribbble здесь.
Ой! также предлагает другие ресурсы, такие как значки, фотографии и музыку.
7. Dedesign
На самом деле, Dedesign — это веб-сайт, который связывает отдельных лиц, группы или организации с талантливыми дизайнерами для завершения их проектов. Но у них есть несколько бесплатных дизайнов в форматах SVG и PNG.
Вы можете использовать иллюстрацию без указания авторства как в коммерческих, так и в некоммерческих целях.
Веб-сайты с бесплатными изображениями в высоком разрешении
8. Unsplash
Unsplash объединяет более 150 000 фотографов по всему миру и предоставляет более 1 миллиона изображений высокого разрешения бесплатно.
Вы можете найти и загрузить изображения в различных категориях для публикации в блоге, слайдера или всего, что вам нужно для вашего веб-сайта.
Хотя авторство действительно приветствуется, вам не нужно разрешение на использование изображений как для коммерческого, так и для некоммерческого использования.
9. Flickr
Flickr — это веб-сайт для обмена фотографиями и управления ими, который содержит более 10 миллиардов фотографий и 2 миллиона групп от сообщества.
Это больше похоже на социальную сеть для фотографов.
Вы можете найти любые изображения с высоким разрешением в любой лицензии. С таким огромным количеством фотографий Flickr — это все, что вам нужно, чтобы найти любые изображения для вашего проекта.
10. Pixabay
Pixabay предоставляет более 1,8 миллиона высококачественных изображений и видео, которыми делятся талантливые сообщества.
Вы можете просматривать любые изображения в различных категориях, таких как природа, бизнес, компьютер, еда и т. д.
Вы можете копировать, изменять, распространять и использовать изображения даже в коммерческих целях, не спрашивая разрешения и не указывая авторство художнику.
Помимо стоковых фотографий, вы также можете искать иллюстрации, векторы, видео и музыку на Pixabay.
11. Pexels
Pexels делится бесплатными фотографиями и видео как для личного, так и для коммерческого использования.
Его миссия — помочь дизайнерам, писателям, художникам, программистам и другим творческим людям получить доступ к красивым фотографиям, чтобы они могли свободно использовать их для своих удивительных продуктов.
Вы можете просматривать стоковые фотографии на Pexels по темам и цветам.
12. PicJumbo
PicJumbo предоставляет бесплатные стоковые фотографии и фоны с высоким разрешением для личного и коммерческого использования.
Вы можете использовать их для избранных изображений, слайдеров и фонов в сообщениях блога на своем веб-сайте.
13. ISO Republic
ISO Republic — это независимый веб-сайт, который бесплатно публикует фотографии и видео высокого разрешения с лицензией CC0. Это означает, что вы можете использовать их как для личного, так и для коммерческого использования.
ISO Republic также курирует фотографии и видео в коллекции по темам.
14. SplitShire
Splitshire предлагает более 1000+ бесплатных стоковых фотографий как для личного, так и для коммерческого использования.
Вы можете использовать их для своих веб-сайтов, рекламных материалов, обложек книг и т. д.
Помимо изображений, SplitShire также бесплатно публикует короткие видеоролики.
Скачать бесплатно Icon Websites
15. Iconfinder
Iconfinder предоставляет более 4,6 миллионов бесплатных и премиальных высококачественных иконок в форматах SVG и PNG.
Несмотря на то, что они предлагают наборы иконок премиум-класса, по-прежнему доступно множество бесплатных иконок.
Вы можете найти и загрузить значки различных стилей и категорий, собранные в наборы значков.
16. Flaticon
Flaticon предоставляет более 3 миллионов бесплатных и премиальных высококачественных иконок. Большинство из них представляют собой иконки в плоском стиле.
Вы можете найти и скачать любые иконки в формате PNG, SVG, EPS, PSD и BASE 64 здесь.
Flaticon является частью компании Freepik. Так что не беспокойтесь о его качестве.
17. The Noun Project
The Noun Project собрал более 2 миллионов иконок от дизайнеров со всего мира. Большинство иконок здесь черно-белые.
Самое лучшее в The Noun Project то, что вы можете интегрировать его в слайды и документы Google, а также через API.
Бесплатные наборы значков
18. Fontawesome
Fontawesome — это популярный набор значков с открытым исходным кодом для проектов веб-разработки.
В версиях 4 и 5 он поставляется с иконочными шрифтами и SVG. Чтобы использовать его, нам просто нужно добавить файлы шрифтов и css локально или просто загрузить их через cdn.
В настоящее время Font Awesome 6 поставляется с большим количеством значков и стилей.
19. Ionicons
Ionicons — это коллекция иконок с открытым исходным кодом, изначально разработанная для платформы Ionic. Но поскольку он нравится многим разработчикам, мы можем использовать его вне фреймворка Ionic.
Просто загрузите его через CDN в свой проект, и вы готовы его использовать.
Иконки Ionicons можно настраивать с помощью CSS.
20. Значки Material Design
Material Design — это популярный набор значков с открытым исходным кодом для веб-приложений и мобильных приложений, разработанный Google.
Каждая иконка создается с использованием наших рекомендаций по дизайну, чтобы в простой и минимальной форме отображать универсальные концепции, обычно используемые в пользовательском интерфейсе.
Значки системы дизайна материалов просты, современны, дружелюбны и иногда причудливы.
21. Иконки Themify
Иконки Themify — это коллекция из 320+ бесплатных иконок для веб-дизайна и приложений. Иконки простые, чистые и современные.
Значки Themify в основном используются в темах WordPress, поскольку они интегрируются через плагин WordPress.