иконки для приложений сайта
Доступ к +6.0M векторных изображений и стикеров
Скачивайте бесплатные значки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и BASE 64..
Воспользуйтесь Черной пятницей
Скидка более 55% OFF на годовой план
Eжегодный 55% OFF
Иконки
Крупнейшая база значков, доступных в форматах PNG, SVG, EPS, PSD и BASE 64.
Стикеры
Откройте для себя более 6,000 стикеров для WhatsApp, Instagram и Facebook, доступных в форматах PNG и SVG.
Значки интерфейса
Более 3,000 значков, разработанных специально для интерфейсов и совместимых с популярными библиотеками значков.
Шрифты-значки для любого проекта, большого или маленького
+3,000векторных иконок, оптимальных для SVG и �еб-шрифта, для веб-приложений и приложений для iOS и Android.
Инструменты, которые помогут сделать вашу работу более профессиональной
Бесплатные аксессуары, которые позволят вам организовать свои дизайнерские творения и создавать их, экономя при этом время
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Что нового в Flaticon
Узнайте о последних обновлениях сайта, новых функциях и инструментах и извлеките максимум пользы из работы с Flaticon.
10 сайтов с качественными и бесплатными иконками
С иллюстрациями разобрались, переходим к иконкам. Все знают Noun Project и Flaticon. Отличные сайты, но часто нужно, чтобы иконки были в одном стиле. Ловите большие наборы иконок (от 260 до 9000+), чтобы «консистенси» ваших през, сайтов или приложений было на высоте.
1185 иконок от IconScout. Формат: SVG. Можно качнуть полный пак с GitHub. Коммерческое и некоммерческое использование при указании авторства. Apache License 2.0.
9888+ иконок. Форматы: PNG, SVG. Можно использовать в коммерческих и некоммерческих проектах, но обязательна ссылка на сайт. Полный текст лицензии.
260 иконок. Формат: PPTX. Иконки полностью редактируемы внутри PowerPoint: меняйте цвет заливки, обводки, размер.
350 иконок в мультяшном стиле. Форматы: PNG, SVG, TTF, EPS, PSD. Использование в любых целях, ссылка на источник обязательна. Лицензия CC BY-SA.
500 анимированных иконок от Icons8. Форматы: GIF, AE. Можно использовать в коммерческих и некоммерческих проектах при указании ссылки на источник. Полный текст лицензии.
1588 иконок. Форматы: PNG, SVG, TTF. Можно скачать целиком с GitHub. Любое использование и модификация, указание источника обязательно. Полный текст лицензии.
2000+ иконок от Google. Форматы: PNG, SVG. Полный набор качается с GithHub. Коммерческое и некоммерческое использование при указании авторства. Apache License 2.0.
230 трехмерных иконок в изометрическом стиле. Формат: PNG. Бесплатно доступно только некоммерческое использование с указанием ссылки на сайт.
800+ иконок от Amazon. Форматы: PNG, SVG, PPTX, EPS. Иконки на тему IT. Для светлого и темного фонов. Явного запрета на использование не клиентами AWS не обнаружил, но это не значит, что его нет. Используйте на свой страх и риск.
1800 иконок. Форматы: PNG, SVG, EPS. Щедрый подгон от Alexandru Stoica. Лицензии, судя по всему, нет, автор просто выложил иконки в своем Dribbble и разрешил делать с ними что угодно.
Кстати, в моем телеграм-дневнике полно всякой эксклюзивной информации о фишках PowerPoint, а также мой бесценный опыт за 5 лет создания презентаций для всяких там корпораций и не только. Например, узнайте главное правило иконок.
Flaticon — любовь навсегда! Найдётся любая иконка)
Будут сложности с лицензированием и как помню есть подписка(пользуйся пока платишь), еще будет проблема совместимости стиля, в итоге все равно прийдется уйти в пару наборов и дозаказывать иконки под стиль
У Icons8 есть не только анимированные. Статичных iOS иконок больше 10к и это только один из 20+ стилей. И ещё они просто очень хорошие ребята.
I8 крутые, но они мне показались достаточно популярными, чтобы не включать их в пост. Хотелось поделиться не самыми очевидными ресурсами. Да и вроде бесплатно не всегда вектор отдают. ред.
А я вас понял! да, всё верно)
То, что лицензии нет, как раз говорит о том, что она неизвестна публично на сайте, а может быть коммерческой, использовать не стоит или ун после запроса условий лицензии ее у автора по почте
Спасибо, поправил пост.
Уже к иллюстрациям был комент про моего бота t.me/deshelp_bot
К иконкам он так же относится.
Материал в статье так себе, лучше использовать бота и присылать мне находки, я их загружу в бота. Нежели по 10 иконок на статью выложить и набрать лайки)
Откровенно говоря, вашим ботом пользоваться неудобно, это просто длиннююююююющий список сайтов. Мне что каждый раз идти по этому списку? А как мне не промахнуться по нужной ссылке? Не надо повсюду за мной ходить и писать про своего бота 🙂
Да, в сети миллион сайтов с иконками, но я отфильтровал: только качественные, бесплатные и чтобы много (в среднем в каждом наборе нск тысяч иконок). Чувствуете разницу между отборным контентом с превью для удобства и тупо свалкой ссылок? ред.
Ссылки из статьи так себе либо уже есть в боте. Ну ок, без превью. 🤷🏻♂️
так себе либо уже есть в боте
то есть если в вашем чудоботе ссылки нет, то так себе, ну ок 🙂
бот кстати не работает сейчас
Над превью уже работаю, просто сайтов много, поэтому так долго)
Кстати, я писал вам насчет своего канала, вы даже не прочли сообщение, так что присылать вам находки – это такое 🤷♂️
Какой конкретно?
Про дизайн презентаций?
Приветствуем всех, кто изучает английский и активно пользуется им в жизни. Собрали для вас подборку полезных ресурсов на английском языке. Разделили все по категориям для удобства. Сохраняйте себе, чтобы не потерять!
50 лучших сайтов с красивыми бесплатными иконками
Если вы ищите качественные иконки для веб-графики, то пришли в нужное место. Мы расскажем вам о 50 лучших сайтах с бесплатными и красивыми значками для веб-дизайна, веб-приложений, инфографики и для рабочего стола.
Иконки, которые вы найдёте на этих ресурсах, можно также использовать, чтобы проиллюстрировать информацию в слайд-шоу, украсить визитные карточки, меню, флаеры и прочее.
Мы написали, что иконки на этих сайтах бесплатные, но всё же обращайте внимание на условия скачивания, так как они могут измениться в любой момент.
01. Smashing Magazine
02. Freepik
Freepik – огромный ресурс, где вы найдёте гораздо больше, чем просто иконки. Ресурс бесплатный, но требуется указание авторства.
03. Gravual
Если вам нужна иконка для личного проекта, поищите на Gravual. Этот сайт предлагает две коллекции значков, идеально подходящих для минималистов: «кухонная утварь» и «на свежем воздухе». Чтобы использовать эти иконки для коммерческих проектов, свяжитесь с правообладателем.
04. Flat Icon
Flat Icon предлагает самую обширную базу бесплатных векторных иконок. Этот ресурс создали те же люди, что Freepik. Уникальность Flat Icon в том, что можно конвертировать иконки в загружаемый шрифт. Выбирать их и сохранять в библиотеке очень просто. Указание источника обязательно.
05. Behance
Если вы ищете дизайнерские иконки от профессионалов, вам определённо стоит заглянуть на Behance. Здесь вас ждёт непревзойдённое качество и разнообразие, но поиск по ресурсу, как и по некоторым другим сайтам из этого списка, не самый удобный. Зато качество на высоте.
06. Web Design Freebies
Этот сайт забит бесплатными наборами иконок со всех уголков Интернета. На Web Design Freebies легко можно просмотреть сразу все коллекции.
07. Captain Icon
Красивые векторные значки на Captain Icon доступны в форматах: EPS, PSD, PNG, SVG и иконочный шрифт. Можно настроить всё – от цвета до размера. Допускается использование иконок в личных и коммерческих проектах, указание авторства обязательно.
08. Good Stuff No Nonsense
Как следует из названия, на Good Stuff No Nonsense вас ждут лишь качественные иконки и ничего лишнего. Значки нарисованы от руки, бесплатны и не требуют обратной ссылки.
09. DeviantArt
DeviantArt – яркое сообщество художников с почти 200 000 бесплатных иконок, доступных для скачивания на разных условиях. Обратите внимание, что некоторые авторы делятся только с членами сообщества DeviantArt.
10. Dribbble
Dribbble – дизайнерская площадка с большим количеством хорошо продуманных наборов иконок для личного и коммерческого использования. Не все участники корректно добавляют теги к своим значкам, поэтому потребуется некоторое время, чтобы найти идеальную картинку.
11. Best PSD Freebies
Best PSD Freebies предлагает бесплатно скачать наборы PSD иконок из всей сети непосредственно с их сайта.
12. Iconfinder
На Iconfinder лёгкий поиск иконок. Вы получаете доступ к полумиллиону бесплатных и платных значков. Файлы для загрузки доступны в нескольких размерах и форматах.
13. GraphicBurger
GraphicBurger – сайт для всех, кто ищет супер милые иконки. В этом месте можно напрямую скачать понравившийся значок в нескольких форматах и размерах.
14. Designbeep
Чтобы не искать графику по нескольким сайтам, зайдите Designbeep. Здесь вы найдёте наборы иконок с разных ресурсов от Freepik до Behance.
15. PixsHub
Pixshub – аккуратно организованный ресурс, на котором собраны иконки со всей сети. Примите к сведению, что требования к указанию авторства различаются.
16. Oxygenna
На Oxygenna вы найдёте уникальные наборы иконок в PNG, PSD и в AI форматах.
17. Dafont
Здесь более 50 простых в использовании иконочных шрифтов. Проверяйте правила использования.
18. Free Goodies for Designers
Free Goodies for Designers – отлично устроенный ресурс, который предлагает наборы PSD, SVG и векторных иконок для всех пользователей.
19. Freebiesbug
Freebiesbug – выбор новейших бесплатных графических элементов на разнообразную тематику.
20. Vecteezy
На Vecteezy в вашем распоряжении почти 60 страниц векторных иконок, наверняка, найдётся идеальный вариант для вашего проекта.
21. Iconmelon
Iconmelon – красиво оформленный ресурс с понятной навигацией, идеально подходит для добавления иконок непосредственно на ваш сайт. Ознакомьтесь с инструкцией.
22. PixelsMarket
На PixelsMarket вы найдете иконки со всей сети с известных и не очень сайтов.
23. GraphicsFuel
GraphicsFuel предлагает множество красочных коллекций со всего Интернета.
24. Fribly
Fribly обновляется почти ежедневно, здесь представлены бесплатные наборы иконок от нескольких дизайнеров.
25. Icojam
Очень симпатичные иконки от команды дизайнеров Icojam.
26. Blugraphic
Blugraphic – варианты PSD, PNG и векторных иконок. Поиск ограничен тегами, но можно подписаться на рассылку и еженедельно получать бесплатную подборку по электронной почте.
27. Icon Shock
Icon Shock – это тысячи бесплатных иконок для личного использования. Чтобы применить картинку в коммерческом проекте, нужно внести разовый платёж.
28. CSS Author
CSS Author предлагает еженедельные подборки лучших бесплатных иконок в сети.
29. Creative Tail
Хотите свежих иконок? На Creative Tail есть наборы, которых больше нигде не найти.
30. All-Free-Download
All-Free-Download предлагает лёгкий поиск и прямые загрузки PSD, PNG и векторов.
31. Ego Icons
Ego Icons предлагает более 1500 премиальных иконок и 100 бесплатных векторных значков. Посетите также дочерние сайты, кликнув по кнопкам верхней навигационной панели.
32. AlienValley
На AlienValley представлен широкий ассортимент иконок высокого качества в обмен на ваш адрес электронной почты.
33. Dreamstale
Dreamstale снабдит вас отличными бесплатными иконками премиум класса при условии указания авторства.
34. DuckFiles
DuckFiles предлагает свободный доступ к наборам иконок для личного и коммерческого использования.
35. 1001 Free Downloads
1001 Free Downloads специализируется на плоских иконках, представленных множеством прекрасных и причудливых вариантов.
36. GraphicsBay
GraphicsBay – отлично организованный сайт с красивыми иконками, удобным поиском и прямой загрузкой.
37. Pixeden
На Pixeden можно искать иконки в нескольких размерах. Здесь широкий выбор от 16х16 до 512х512 в формате PNG.
38. NounProject
NounProject – это удобный поиск, лёгкая загрузка и высокое качество иконок. Ссылка на автора обязательна. Членство с ежемесячным взносом снимает ограничения на скачивание.
39. Iconmonstr
Iconmonstr предлагает иконки в нескольких размерах без указания авторства.
40. Fusionplate
На Fusionplate проводят еженедельные обзоры свежих бесплатных иконок.
41. Dryicons
На Dryicons вы найдёте более 5000 красивых иконок в различных форматах и размерах. Для коммерческого использования предлагают оплатить стандартную или расширенную лицензию.
42. Glyphicons
Ресурс Glyphicons для всех, кто ищет минималистские монохромные иконки в формате PNG.
43. MrIcons
MrIcons предлагает большой каталог из более ста тысяч иконок от веб-интерфейса до соцсетей.
44. Entypo
Entypo предлагает свыше 400 пиктограмм, которые могут быть полезны для графического дизайна. Иконки бесплатны для личного и коммерческого использования при указании авторства.
45. Endless Icons
На Endless Icons полно простых и элегантных значков доступных для скачивания в формате PNG и SVG.
46. Iconic
Iconic предлагает более 200 иконок в SVG, растровом и шрифтовом форматах.
47. IcoMoon App
IcoMoon App – прекрасная и простая в использовании библиотека, в которой насчитывается более 4000 специально разработанных векторных иконок.
48. Fontello
Fontello – это очень удобно. Просто выберите и выделите значок, который хотите загрузить в виде шрифта. Проверьте условия использования, так как для некоторых необходимо указать авторство.
49. IconArchive
IconArchive предлагает молниеносный поиск нужной картинки среди 2443 наборов, насчитывающих 590 918 иконок, многие из которых являются общественным достоянием.
50. Squid Ink
На Squid Ink вы найдёте две тысячи ярких, креативных, масштабируемых векторных иконок. Бесплатный доступ к 50-ти картинкам для использования в личных и коммерческих проектах.
Суперполезный гайд по созданию иконок для интерфейсов
Иконка, значок, символ, образ — каких только названий нет у этих атрибутов. Зачем они нужны, как их правильно использовать и что нужно знать, чтобы не запутать пользователя – всё это расскажем ниже.
Значок интерфейса может быть близок к одному из основных форм: прямоугольник, ромб, круг, треугольник, квадрат. Размытие показывает, что они имеют равный визуальный вес, потому что они превращаются в более или менее одинаковые капли.
В зависимости от формы значка вставьте его в соответствующий кадр оптической сетки. Например, квадратные значки более компактны, чем треугольные или удлинённые.
Чем компактнее значок, тем меньше места ему нужно. Чем более острые края или мелкие детали имеют значок, тем больше занимает пространство для художественной области.
Будьте внимательны, сетка должна помогать, а не ограничивать. Если значок визуально лучше с некоторыми торчащими элементами, пусть так и будет.
Чтобы сделать иконки острыми на экранах с сеткой, придерживайтесь пикселей и отдавайте предпочтение двухпиксельным границам для значков строк. Центрированные двухпиксельные границы обеспечивают достаточную толщину и чёткие силуэты.
Если вы выбираете однопиксельные границы для значков, они должны быть либо внешними, либо внутренними, но не центрированными.
Сцентрированные однопиксельные границы делают значок размытым в масштабе 100%, однако он кажется чётче при увеличении масштаба.
Задайте начальную и конечную точки диагоналей в соответствии с сеткой пикселей. Диагонали с углами 45 °, 30 ° и 60 ° выглядят более острыми, чем диагонали с неравномерными углами, такими как 13,7 ° или 81 °.
Лучше начать набор значков с самого сложного значка. Он определит уровень детализации и поможет сделать иконки того же визуального веса.
Когда значки имеют разные уровни детализации, более резкие привлекают больше внимания пользователя и кажутся визуально более тяжёлыми.
Пространство между соседними элементами значка не должно быть слишком маленьким или непоследовательным во всем наборе. Определите минимальный зазор и держите его повсюду, чтобы избежать «прилипания» контура.
Для значков линий лучше сделать минимальное пространство, равное толщине линии. Линии должны быть либо чётко раздельными либо точно связанными.
В наборах иконок вы можете повторять детали. Избавьтесь от них, чтобы сосредоточить внимание пользователя на важном. Чем меньше графического шума вы показываете, тем яснее его понимание.
Если целевой пользователь уже понимает, с чем он или она работает, нет необходимости повторять это снова и снова. Например, без иконок «@» на конвертах люди всё равно знают, что речь идёт об электронной почте.
Это правило также относится к различным дополнениям — рамкам, фону — вокруг иконки. Если они не помогают читать значок, уберите их.
Не смешивайте отображаемый объём с фронтальным изображением в пределах одного набора иконок. Гармония стилей поможет пользователям распознавать значки и понимать, что они имеют одинаковое значение.
Этот же принцип работает с иконками строк и заполненными значками. Если вы их смешиваете, люди могут подумать, что они имеют разное значение или статус. Конечно, если вы этого не хотите. Например, заполненный значок предназначен для команды ключа, а значки строк — для других команд.
Лучше иметь два варианта каждого значка в интерфейсах. Значок линии — для отключённого или обычного состояния. Заполненный значок — для состояния щелчка.
Восьмипиксельная сетка и 12-колоночная компоновка используются для многих интерфейсов как более гибкие, по сравнению с десятичной матрицей. 12 можно разделить на два, три, четыре и шесть. Таким образом, 24- или 48-пиксельные области значков стали стандартными. Эти значки можно масштабировать, если требуется больший размер.
Перфекционизм — не панацея. Никому не нужны пиксельные совершенные линии ради идеальных линий. Но это важно для правильного, а не искажённого отображения значков в конечном продукте. Имейте в виду минимальное необходимое количество анкеров и отсутствие зазоров между соседними элементами.
Та же история с раздражающими размерами «8.999 px» или «100.001 px». Если фиксирующие фигуры расположены точно, края иконок выглядят острыми. И вы не рискуете получить чрезмерные якоря и промежутки при объединении фигур.
Многие редакторы интерфейсов, такие как Sketch, могут создавать SVG с ненужными элементами — чрезмерными группами, цветными слоями и обтравочными масками.
Смотрите, в Sketch всё выглядит хорошо.
Откройте этот SVG в другом редакторе (например, Adobe Illustrator). Вы заметите пустые слои, ненужные группы и иногда обрезающие маски. Всё это может вызвать проблемы, когда фронтенд-разработчики конвертируют значки в иконку или используют SVG на веб-странице.
Вы можете удалить этот мусор и пересохранить иконку.
Как видите, Sketch SVG (picture.svg) и отредактированный Illustrator SVG (picture_new.svg) имеют разные предварительные просмотры в вашем средстве просмотра файлов. Кстати, можно избавиться от мусора в значке в редакторе кода. Если вы знаете, как выглядит SVG-код, попробуйте удалить ненужные строки данных напрямую.
Конечно, все эти рекомендации исключительно субъективны. Но рекомендуем обратить внимание, где строгие геометрические иконы не выглядят лучшим образом.
Незаполненное пространство. Если на сайте есть пустые места, к примеру, «Нет задач» или «Все электронные письма прочитаны», лучше проиллюстрировать их иконками эмоций или поместить только текст. Эмоциональные иконки могут заставить пользователей улыбаться, в то время как геометрические значки не добавят никакой ценности для взаимодействия.
Маскоты и иллюстрации. Если в вашем интерфейсе есть талисман или иллюстрация, этот тип графики должен быть эмоциональным. В таком случае сложно представить, как дизайнер может изображать персонажа ограниченным выбором форм и придерживаться сетки.
Статья переведена и адаптирована на русский язык студией Netlab. Оригинал тут.