Более 500 совершенно бесплатных и свежих иконок для Ваших новых и будущих веб — сайтов. Онлайн иконки для сайта


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

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

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

01. Smashing Magazine

sayty s besplatnymi ikonkami 1

Smashing Magazine – один из лучших ресурсов для поиска высококачественных, эксклюзивных значков в различных форматах, в том числе SVG, PSD, PNG . Большинство комплектов не требуют обратной ссылки.

02. Freepik

sayty s besplatnymi ikonkami 2

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

03. Gravual

sayty s besplatnymi ikonkami 3

Если вам нужна иконка для личного проекта, поищите на Gravual. Этот сайт предлагает две коллекции значков, идеально подходящих для минималистов: «кухонная утварь» и «на свежем воздухе». Чтобы использовать эти иконки для коммерческих проектов, свяжитесь с правообладателем.

04. Flat Icon

sayty s besplatnymi ikonkami 4

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

05. Behance

sayty s besplatnymi ikonkami 5

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

06. Web Design Freebies

sayty s besplatnymi ikonkami 6

Этот сайт забит бесплатными наборами иконок со всех уголков Интернета. На Web Design Freebies легко можно просмотреть сразу все коллекции.

07. Captain Icon

sayty s besplatnymi ikonkami 7

Красивые векторные значки на Captain Icon доступны в форматах: EPS, PSD, PNG, SVG и иконочный шрифт. Можно настроить всё – от цвета до размера. Допускается использование иконок в личных и коммерческих проектах, указание авторства обязательно.

08. Good Stuff No Nonsense

sayty s besplatnymi ikonkami 8

Как следует из названия, на Good Stuff No Nonsense вас ждут лишь качественные иконки и ничего лишнего. Значки нарисованы от руки, бесплатны и не требуют обратной ссылки.

09. DeviantArt

sayty s besplatnymi ikonkami 9

DeviantArt – яркое сообщество художников с почти 200 000 бесплатных иконок, доступных для скачивания на разных условиях. Обратите внимание, что некоторые авторы делятся только с членами сообщества DeviantArt.

10. Dribbble

sayty s besplatnymi ikonkami 10

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

11. Best PSD Freebies

sayty s besplatnymi ikonkami 11

Best PSD Freebies предлагает бесплатно скачать наборы PSD иконок из всей сети непосредственно с их сайта.

12. Iconfinder

sayty s besplatnymi ikonkami 12

На Iconfinder лёгкий поиск иконок. Вы получаете доступ к полумиллиону бесплатных и платных значков. Файлы для загрузки доступны в нескольких размерах и форматах.

13. GraphicBurger

sayty s besplatnymi ikonkami 13

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

14. Designbeep

sayty s besplatnymi ikonkami 14

Чтобы не искать графику по нескольким сайтам, зайдите Designbeep. Здесь вы найдёте наборы иконок с разных ресурсов от Freepik до Behance.

15. PixsHub

sayty s besplatnymi ikonkami 15

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

16. Oxygenna

sayty s besplatnymi ikonkami 16

На Oxygenna вы найдёте уникальные наборы иконок в PNG, PSD и в AI форматах.

17. Dafont

sayty s besplatnymi ikonkami 17

Здесь более 50 простых в использовании иконочных шрифтов. Проверяйте правила использования.

18. Free Goodies for Designers

sayty s besplatnymi ikonkami 18

Free Goodies for Designers – отлично устроенный ресурс, который предлагает наборы PSD, SVG и векторных иконок для всех пользователей.

19. Freebiesbug

sayty s besplatnymi ikonkami 19

Freebiesbug – выбор новейших бесплатных графических элементов на разнообразную тематику.

20. Vecteezy

sayty s besplatnymi ikonkami 20

На Vecteezy в вашем распоряжении почти 60 страниц векторных иконок, наверняка, найдётся идеальный вариант для вашего проекта.

21. Iconmelon

sayty s besplatnymi ikonkami 21

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

22. PixelsMarket

sayty s besplatnymi ikonkami 22

На PixelsMarket вы найдете иконки со всей сети с известных и не очень сайтов.

23. GraphicsFuel

sayty s besplatnymi ikonkami 23

GraphicsFuel предлагает множество красочных коллекций со всего Интернета.

24. Fribly

sayty s besplatnymi ikonkami 24

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

25. Icojam

sayty s besplatnymi ikonkami 25

Очень симпатичные иконки от команды дизайнеров Icojam.

26. Blugraphic

sayty s besplatnymi ikonkami 26

Blugraphic – варианты PSD, PNG и векторных иконок. Поиск ограничен тегами, но можно подписаться на рассылку и еженедельно получать бесплатную подборку по электронной почте.

27. Icon Shock

sayty s besplatnymi ikonkami 27

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

28. CSS Author

sayty s besplatnymi ikonkami 28

CSS Author предлагает еженедельные подборки лучших бесплатных иконок в сети.

29. Creative Tail

sayty s besplatnymi ikonkami 29

Хотите свежих иконок? На Creative Tail есть наборы, которых больше нигде не найти.

30. All-Free-Download

sayty s besplatnymi ikonkami 30

All-Free-Download предлагает лёгкий поиск и прямые загрузки PSD, PNG и векторов.

31. Ego Icons

sayty s besplatnymi ikonkami 31

Ego Icons предлагает более 1500 премиальных иконок и 100 бесплатных векторных значков. Посетите также дочерние сайты, кликнув по кнопкам верхней навигационной панели.

32. AlienValley

sayty s besplatnymi ikonkami 32

На AlienValley представлен широкий ассортимент иконок высокого качества в обмен на ваш адрес электронной почты.

33. Dreamstale

sayty s besplatnymi ikonkami 33

Dreamstale снабдит вас отличными бесплатными иконками премиум класса при условии указания авторства.

34. DuckFiles

sayty s besplatnymi ikonkami 34

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

35. 1001 Free Downloads

sayty s besplatnymi ikonkami 35

1001 Free Downloads специализируется на плоских иконках, представленных множеством прекрасных и причудливых вариантов.

36. GraphicsBay

sayty s besplatnymi ikonkami 36

GraphicsBay – отлично организованный сайт с красивыми иконками, удобным поиском и прямой загрузкой.

37. Pixeden

sayty s besplatnymi ikonkami 37

На Pixeden можно искать иконки в нескольких размерах. Здесь широкий выбор от 16х16 до 512х512 в формате PNG.

38. NounProject

sayty s besplatnymi ikonkami 38

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

39. Iconmonstr

sayty s besplatnymi ikonkami 39

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

40. Fusionplate

sayty s besplatnymi ikonkami 40

На Fusionplate проводят еженедельные обзоры свежих бесплатных иконок.

41. Dryicons

sayty s besplatnymi ikonkami 41

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

42. Glyphicons

sayty s besplatnymi ikonkami 42

Ресурс Glyphicons для всех, кто ищет минималистские монохромные иконки в формате PNG.

43. MrIcons

sayty s besplatnymi ikonkami 43

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

44. Entypo

sayty s besplatnymi ikonkami 44

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

45. Endless Icons

sayty s besplatnymi ikonkami 45

На Endless Icons полно простых и элегантных значков доступных для скачивания в формате PNG и SVG.

46. Iconic

sayty s besplatnymi ikonkami 46

Iconic предлагает более 200 иконок в SVG, растровом и шрифтовом форматах.

47. IcoMoon App

sayty s besplatnymi ikonkami 47

IcoMoon App – прекрасная и простая в использовании библиотека, в которой насчитывается более 4000 специально разработанных векторных иконок.

48. Fontello

sayty s besplatnymi ikonkami 48

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

49. IconArchive

sayty s besplatnymi ikonkami 49

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

50. Squid Ink

sayty s besplatnymi ikonkami 50

На Squid Ink вы найдёте две тысячи ярких, креативных, масштабируемых векторных иконок. Бесплатный доступ к 50-ти картинкам для использования в личных и коммерческих проектах.

По материалам canva.com

Facebook

Вконтакте

Twitter

Google+

Pinterest

Одноклассники

cameralabs.org

Более 500 совершенно бесплатных и свежих иконок для Ваших новых и будущих веб - сайтов

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

Друзья, как обычно хочется сказать, что практически все ссылки на иконки будут прямыми, которые Вы без сложностей сможете скачать. Если вдруг у Вас что нибудь не получится обязательно пишите в комментариях, а я в свою очередь постараюсь оперативно всё исправить :-)

Так же рекомендую посмотреть Вам прошлые подборки с иконками:

Социальные иконки в виде марок

Скачать

Разноцветные иконки закладок

Скачать

Иконки социальных сетей нарисованных от руки

Скачать

Прямоугольные иконки социальных закладок

Скачать

36 бесплатных винтажных иконок социальных сетей

Скачать

Несколько красивых квадратных иконок с закладками

Скачать

Круглые иконки закладок для тёмных сайтов

Скачать

Маленькие и квадратные иконки социальных сетей

Скачать

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

Скачать

Классные красные иконки в Метро стиле

Скачать

Ещё несколько монохромных иконок белого цвета

Скачать

E-Commerce иконки

Скачать

Набор иконок для школьника

Скачать

Экологические иконки

Скачать

Классные иконки для фотографа

Скачать

Летние и пляжные иконки

Скачать

Несколько классных иконок для сайта

Скачать

Очень красивые иконки для сайта

Скачать

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

Скачать

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

Скачать

Красивые иконки в светлом стиле

Скачать

Системные иконки в светлом стиле

Скачать

Системные иконки в стиле метро

Скачать

30 красивых системных иконок

Скачать

Глиф — иконки — это иконки сделанные в PSD формате, которые можно редактировать в Фотошопе без потери качества.

Светлые глиф иконки на сайт

Скачать

Тёмные глиф иконки для Вашего сайта

Скачать

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

Скачать

Маленькие пиксельные иконки

Скачать

Маленькие глиф иконки для интернет магазинов

Скачать

Множество монохромных глиф иконок

Скачать

Глиф иконки от руки на сайт

Скачать

Классные иконки в мини стиле

Скачать

Светлые иконки для тёмных сайтов

Скачать

Мини глиф иконки

Скачать

Ещё одни мини иконки на сайт

Скачать

Иконки для сайтов с тёмным дизайном

Скачать

Светлые глиф иконки

Скачать

Тёмные иконки для светлых сайтов

Скачать

50 тёмных иконок

Скачать

Чёрные глиф иконки для сайта

Скачать

Иконки Token

Скачать

350 векторных иконок

Скачать

Красивые серые иконки

Скачать

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

Скачать

Чёрные мини глиф иконки

Скачать

Иконки браузеров

Скачать

120 глиф иконок

Скачать

beloweb.ru

Лучшие сервисы поиска иконок (архивы иконок)

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

Find Icons

Поиск иконок Find Icons

Поиск иконок Find Icons

Преимуществом сервиса Find Icons является его локализация (есть русский и украинский языки), хотя найти иконки не сложно и на английском. Для этого в строке поиска вводите нужную вам тематику или ключевое слово, например, «football».

Сервис поиска иконок Find Icons

Сервис поиска иконок Find Icons

На странице с результатами есть несколько инструментов выборки:

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

На странице просмотра иконки сможете выбрать нужный вам формат и размер.

Сервис поиска иконок Find Icons

Сервис поиска иконок Find Icons

Там же найдете похожие иконки и метки. Полезно будет узнать о лицензии, по которой распространяется то или иное изображение (если планируете применять его в коммерческой деятельности). В целом пользоваться сервисом поиска иконок Find Icons достаточно просто. В верхнем меню найдете интересные инструменты для просмотра наборов иконок, показа случайных материалов, конвертации форматов файлов, поиска по меткам и отправки своих иконок на сайт.

Iconfinder

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

Сервис Iconfinder для поиска иконок

Сервис Iconfinder для поиска иконок

Что здесь интересного. В первую очередь вы можете отобразить иконки по стилю: схематические, плоские, фотореалистичные, стильные, 3D, нарисованные вручную, мультяшные, пиксельные и т.п. Второй момент — вывод бесплатных и платных иконок. Сервис Iconfinder совмещает эти два понятия. Вы можете купить себе Pro аккаунт, получив 25 скачиваний в месяц за 9 долларов или неограниченное число загрузок за 29 баксов ежемесячно.

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

Iconspedia

Главная страница Iconspedia в отличии от других ресурсов содержит максимум инструментов для быстрого поиска нужных иконок.

Поисковик иконок Iconspedia

Поисковик иконок Iconspedia

Сразу под заголовком есть строка поиска — при вводе ключевого слова будут отображаться поисковые подсказки. Рядом с этим полем имеется блок поиска, с выбором лицензии иконок. В левом сайдбаре находятся самые популярные тематики и категории иконок. При клике на ссылки View more и View All Categories сможете просмотреть все разделы. В основном содержимом отображаются последние, избранные, самые популярные и загружаемые наборы иконок. Чуть ниже — такая же выборка но уже не для наборов, а для конкретных иконок.

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

IconArchive

Архив и поиск иконок IconArchive

Архив и поиск иконок IconArchive

При поиске тематических иконок достаточно часто попадаю на этот проект. На данный момент, если верить информации с главной страницы, в IconArchive собрано 582 тысячи иконок в 2406 наборах. В меню можно просматривать самые новые, самые популярные или случайные иконки. Также имеется разбиение на категории.

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

Поиск иконок в сервисе IconArchive

Поиск иконок в сервисе IconArchive

Слева уже привычный набор фильтров: размеры, стиль, категория иконок и используемая лицензия. Можно отобразить картинки по цвету, подставить разные фоны и т.п. Когда вы просматриваете какой-то конкретный объект, то увидите ссылку на набор, в котором он находится (что иногда весьма полезно). В целом, достаточно удобный сервис.

Freeiconsweb и другие

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

Поиск иконок Freeiconsweb

Поиск иконок Freeiconsweb

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

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

design-mania.ru

Иконки, значки, фоны, картинки и логотипы для сайта (онлайн-сервисы IconFinder, Freepik, PSDGraphics и другие)

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

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

Иконки, картинки и фоны для сайтаИконки, картинки и фоны для сайта

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

Иконки и значки для сайта в IconFinder, Freepik и PSDGraphics

Наверное, вы не строите иллюзий по поводу того, что поисковые системы могут не заметить того, что используемые вами на сайте иконки, значки или картинки не уникальны. Думаю, что ваши сомнения развеются, если вы вспомните, что существует поиск по картинкам в Яндексе и Гуле (а также онлайн-сервис Тинай).

Поиск похожих картинок в сети

Поиск похожих картинок в сети

Поиск там ведется по базе проиндексированных картинок (их миллионы), и даже если вы в Фотошопе сделали коллаж из нескольких фото, добавили наклон или зеркально отразили иконку или картинку, то эти сервисы все разложат по полочкам и сообщат вам, что сие творение вовсе не уникально.

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

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

Поиск иконок для сайта в IconFinder

IconFinder — довольно-таки большая база платных и бесплатных иконок, значков и пиктограмм. Данный онлайн-сервис не локализован под русский язык, поэтому запросы в его поисковую строку нужно вводить на английском (тут вам, наверняка, поможет сервис онлайн перевода от Гугла). В связи с многообразием русского языка советую пробовать искать по всем вариантам перевода на английский, ибо наверняка будут разные результаты.

Онлайн сервис IconFinder

Онлайн сервис IconFinder

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

Поиск бесплатных иконок в IconFinder

Поиск бесплатных иконок в IconFinder

Также можно будет отфильтровать только бесплатные или только платные иконки. Над платными вверху будет указана их стоимость:

Бесплатные и платные иконки для сайта

Бесплатные и платные иконки для сайта

Над бесплатными иконками указаны форматы, в которых вы сможете их скачать (обычно это ICO и PNG). Для бесплатных значков и картинок, взятых вами с этого онлайн-сервиса, могут действовать два вида лицензии:

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

Собственно, в левой колонке сайта IconFinder вы сможете установить нужный вам фильтр, чтобы показывались изображения с подходящим вам типом лицензии:

Выбираем нужный тип лицензии, по которой распространяются значки и картинки

Выбираем нужный тип лицензии, по которой распространяются значки и картинки

Как скачать понравившуюся иконку или значок с сайта IconFinder? Достаточно по нему кликнуть и выбрать на открывшейся странице размер (показаны варианты размера чуть ниже) и формат итогового файла.

Как скачать картинку с IconFinder

Как скачать картинку с IconFinder

Если вы планируете использовать иконку для оформления внешнего вида сайта, то предпочтительнее будет формат PNG. Если же вам нужен фавикон для сайта, то имеет смысл выбрать формат ICO и размер 16 на 16 пикселей (подробнее читайте про использование фавиконки на сайте по приведенной ссылке).

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

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

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

Для покупки понравившихся вам платных иконок на сервисе IconFinder придется сначала зарегистрироваться (кнопка «Sign up» в правом верхнем углу экрана). Также зарегистрироваться придется для того, чтобы иметь возможность добавлять понравившиеся значки в избранное. Кстати, делается это с помощью значка «сердечко», который появляется в правом верхнем углу иконки при подведении к ней курсора мыши:

Сохранение понравившегося изображения в избранное

Сохранение понравившегося изображения в избранное

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

Иконки, фоны и значки для сайта в формате PSD (заготовки для Фотошопа)

PSDGraphics — еще одна кладезь иконок, картинок, значков, фонов и прочей графики. В чем его отличие от описанного выше IconFinder? Дело в том, что в IconFinder нам предлагали уже готовые варианты иконок и значков, которые нужно было просто разместить на своем сайте.

В сервисе же PSDGraphics можно скачать как готовую графику, так и заготовки для нее в формате PSD, который позволит продолжить работу с ними в Фотошопе. Тем, кто дружен с этим графических редактором (или его бесплатным онлайн аналогом Pixlr) такая возможность придется очень даже по душе. Сам я с Фотошопом по-прежнему не дружен, но это все из-за того, что всю нужную мне работу с графикой для сайта выполняет моя супруга, за что хочу в очередной раз ее поблагодарить со страниц этого блога.

Иконки, фоны и значки для сайта в формате PSD

Иконки, фоны и значки для сайта в формате PSD

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

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

Если графика представлена в формате PSD, то на странице скачивания у вас будет возможность выбрать — либо качать картинку в Jpeg, либо в PSD:

Скачать картинку в формате Jpeg, либо в PSD

Скачать картинку в формате Jpeg, либо в PSD

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

Огромная коллекция бесплатных картинок для сайта в Freepik

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

Картинки и векторные изображения во Freepik

Картинки и векторные изображения во Freepik

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

На странице с результатами поиска вы сможете поставить фильтры, чтобы, например, выбрать только иконки для сайта, или только PSD-макеты, векторы или растровые фото:

Поиск иконок для сайта по ключевому слову во Freepik

Поиск иконок для сайта по ключевому слову во Freepik

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

Скачать изображение бесплатно с Freepik

Скачать изображение бесплатно с Freepik

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

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

Например, такой вот набор иконок можно купить в GraphicRiver за шесть баксов:

Купить недорогие иконки в GraphicRiver

Купить недорогие иконки в GraphicRiver

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

Фоны, логотипы и картинки для сайта

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

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

Поиск фона для сайта на сервисе Subtle Patterns

Поиск фона для сайта на сервисе Subtle Patterns

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

Предпросмотр фона

Предпросмотр фона

Placeit — необычный сервис, которые позволяет залить скрин, снятый с экрана главной страницы вашего сайта (делается это автоматически — достаточно только указать Урл сайта), в экран планшета, мобильного телефона, монитора или ноутбука. Выглядеть это может примерно так:

Готовые шаблоны для вставки ваших картинок или скриншотов

Готовые шаблоны для вставки ваших картинок или скриншотов

Тут, кстати, можно убить сразу двух зайцев — получить прикольную картинку (уникальную по определению) и посмотреть как ваш сайт выглядит на экранах различных устройств (обратите внимание, что на шаблонах указано разрешение экрана того устройства, которое там отображено). Работает он довольно просто.

Выбираете из левой колонки нужный шаблон с гаджетом или несколькими гаджетами (шаблон может быть просто фоткой или анимированным изображением), после чего жмете кнопку «Grab Screenshot From URL» (если хотите вставить не скриншот, а какую-то свою картинку, то жмите на кнопку «Upload Image»). В открывшемся окне вводите Урл своего сайта и после некоторых раздумий получаете итоговый коллаж:

Вставка вашего изображения в шаблон на сервисе Placeit

Вставка вашего изображения в шаблон на сервисе Placeit

При подведении к нему курсора мыши вы увидите, что его можно сохранить, либо начать редактировать во встроенном в Placeit редакторе:

Редактирование картинки в Placeit

Редактирование картинки в Placeit

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

Cool Text — этот онлайн-сервис позволяет создать картинку логотипа для вашего сайта. Не все шрифты поддерживают русский язык, хотя, если логотип вы будете создавать на базе Урла своего сайта, то этой самой поддержки и не потребуется.

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

Создание текстового логотипа для сайта

Создание текстового логотипа для сайта

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

Для разных шаблонов в Cool Text количество настроек может разниться, но в любом случае все производимые вами изменения будут в реальном времени отображаться вверху окна настроек на реальном примере будущего логотипа для вашего сайта. По окончанию настроек достаточно нажать на кнопку «Create Logo» и в открывшейся странице кликнуть по надписи «Download Image». На сайте созданный логотип может выглядеть, например, так:

Логотип для сайта

Логотип для сайта

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

Как оптимизировать картинки для быстрой работы сайта

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

Сервис имеет платный и бесплатный тарифные планы. Мне лично вполне хватает возможностей бесплатного, который можно активировать, нажав на кнопку «Try Free Web Interface» на главной странице Kraken. Интерфейс сервиса по сжатию картинок очень прост. На бесплатном тарифе доступны только настройки в пункте 2: выбор между сильным (Lossy) и не очень сильным сжатием (Lossless).

Оптимизация изображений в онлайн-сервисе Kraken

Оптимизация изображений в онлайн-сервисе Kraken

Те картинки, что нужно сжать, можно просто перетащить мышью в показанное на скриншоте место, или можно кликнуть туда мышью и выбрать нужные файлы в проводнике. Картинки можно загружать не по одной, а сразу пачками (выделив их в проводнике мышью с удержанием шифта на клавиатуре), но их общий вес не должен превышать одного мегабайта (сколько это в байтах?) — ограничение, накладываемое на бесплатный аккаунт в Kraken.

Сжимаются картинки в этом онлайн-сервисе очень даже прилично и при этом практически без потери качества (формат PNG вообще без потери, а Jpg немного ухудшает, но это уже нюансы самого формата). Каждую из сжатых фоток можно загрузить как по отдельности, так и все скопом в одном архиве (большая зелена кнопка в самом низу). Также имеется возможность их сразу в облако Дропбокса закинуть, если возникнет такое желание (синяя кнопка снизу).

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

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

Сжатие Jpeg картинок в сервисе CompressJPEG

Сжатие Jpeg картинок в сервисе CompressJPEG

Optimizilla — сервис порекомендовала Елена в расположенном чуть ниже комментарии, за что ей отдельно спасибо. Собственно, Optimizilla умеет работать с графикой в формате JPEG and PNG. Имеется ограничение в 20 одновременно загруженных изображений (у кракена ограничений, по моему, нет).

Уменьшение размера изображений в Optimizilla

Уменьшение размера изображений в Optimizilla

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме

Рубрика: Тестируем онлайн-сервисы, Что использовать вебмастеру

ktonanovenkogo.ru

Бесплатные графические пиктограммы для сайтов (30+ наборов)

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

Если подумать, то практически все словесные надписи можно заменить более наглядными значками программ. Иногда так будет даже эффективнее и «понятнее», например, картинка корзины говорит сама за себя и особых пояснений не требует. Даже малоопытный интернет-пользователь догадается, что нажав на эту кнопку, он передет к оформлению/покупке товара. При этом никто не запрещает совмещать оба варианта, когда пиктограммы на сайте используются рядом с текстовыми надписями. Это привлекает внимание и разнообразит страницу.

В общем, иконки всякие нужны, хотя не все подойдут для вашего дизайна. В Web’е стараются размещать более простую графику, и лучше скачать бесплатные пиктограммы для сайта нежели отдавать предпочтение детализированным 3D иконкам. Кроме того, недавно мы публиковали заметку с небольшими иконками (мини), которые также используются в подобных задачах. Отличием являются лишь размеры элементов — материалы в данной статье могут быть значительно больше 16х16 пикселей.

gCons

gConsgCons

Mono Gradient Icons Set

Mono Gradient Icons SetMono Gradient Icons Set

Nucleo Test Pack

Nucleo Test PackNucleo Test Pack

Entypo Glyph

Entypo Glyph SetEntypo Glyph Set

70 Free Icons

70 Free Icons 70 Free Icons

100 Vibrant Brands

100 Vibrant Brands Icons100 Vibrant Brands Icons

The Web Interface Set

The Web Interface Icon SetThe Web Interface Icon Set

450 Outline Icons

450 outline icons450 outline icons

54 Free Squared Icons

54 Free Squared Icons54 Free Squared Icons

FinBiz

FinBiz Icon SetFinBiz Icon Set

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

Iconic

набор пиктограммнабор пиктограмм

Iconic — минималистичный набор, который на деле куда больше чем кажется вначале. Во-первых, он содержит растриронные варианты и векторные «исходники». Во-вторых, иконки представлены в 14 цветовых гаммах! В-третьих, имеются различные размеры — 8х8, 12х12, 16х16, 24х24 и 32х32. Одним словом, очень гибкий комплект, который можно органично вписать чуть-ли не в каждый дизайн. Из-за столь большого числа фишек данный архив занимает куда больше остальных — 16 Мб.

50 Glyphs Set 4

50 Glyphs Set 450 Glyphs Set 4

Sketch iOS7 

Sketch iOS7 line iconsSketch iOS7 line icons

Modern SEO Icon Pack

Modern SEO Icon PackModern SEO Icon Pack

Glyph Iconset

Glyph icon setGlyph icon set

100+ Free PSD icons for iOS7

100+ Free PSD icons for iOS7100+ Free PSD icons for iOS7

75 Free Line Icons

75 Free Line Icons75 Free Line Icons

Devine Icons

Devine IconsDevine Icons

Vector Web UI

Vector Web UI IconsVector Web UI Icons

680 Inverticons Mini

680 Inverticons mini free680 Inverticons mini free

Предыдущий набор Inverticons Mini ведет на отличнейший сайт с красочными иконками Icojam. Очень крутой проект, хотя и другие в заметке ему не уступают. Во многих случаях, кстати, скачав бесплатные пиктограммы для сайта в архиве вы получите несколько цветовых вариантов значков.

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

Free Web Design Icon Set

Free Web Design Icon Set

Free Web Design Icon Set

Здесь представлено более трехсот иконок размером 16х16 пикселей. Формат — PNG. Их смело можно использовать в своих дизайнерских проектах, некоторые изображения схожи по тематике с системными.

24×24 Free Application Icons

24x24 Free Application Icons24x24 Free Application Icons

120 Vector Glyph Icons

120 Vector Glyph Icons120 Vector Glyph Icons

210 Icons for Web-design & Wireframes

210 Icons for Web-design & Wireframes210 Icons for Web-design & Wireframes

100 Free iOS Icons

100 Free iOS Icons100 Free iOS Icons

Beautiful Flat Icons

Beautiful Flat IconsBeautiful Flat Icons

DefaultIcon

DefaultIconDefaultIcon

Simple Line Icons

Simple Line IconsSimple Line Icons

User Interface Design Framework

User Interface Design FrameworkUser Interface Design Framework

Justicons

JusticonsJusticons

Open Icon Library

Open Icon LibraryOpen Icon Library

Открытая библиотека, пусть старая, но еще рабочая и доступная для скачивания. Включает в себя около 10к бесплатных общедоступных объекта: 2500 SVG и 7500 PNG.

Dortmund

DortmundDortmund

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

Essen

EssenEssen

Berlin

BerlinBerlin

Иногда пиктограммам посвящены целые проекты (фреймворки), а не отдельные наборы, как например с User Interface Design Framework и DefaultIcon. Кроме того, материалы также найдете на сайтах архивах иконок. Выше упоминался IconFinder, есть еще Flaticon и многие другие.

Web Pictograms from Flaticon

Web Pictograms from FlaticonWeb Pictograms from Flaticon

Также графические пиктограммы можно встретить в шрифтах. Название самого популярного из них вы наверняка слышали — это Font Awesome. Многие разработчики используют его на своих сайтах. Вот еще один из примеров такого решения:

Modern Pictograms

Modern Pictograms Modern Pictograms

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

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

Business Auto Web Set

Business Auto Web SetBusiness Auto Web Set

145 Quality Icons for Web/Mobile

145 Quality Icons for Web/Mobile145 Quality Icons for Web/Mobile

400 Flat Internet Iconset

400 Flat Internet Iconset400 Flat Internet Iconset

Vector Webpage Icons

Vector Webpage IconsVector Webpage Icons

100 Administration Icons

100 Administration Icons100 Administration Icons

Webinterface, Business and Tools Icons

Webinterface, Business and Tools IconsWebinterface, Business and Tools Icons

Теперь точно все.

P.S. Хотите украсить свой десктоп? — скачайте лучшие обои для рабочего стола на Wallplanet. Компания «Империя воды» предлагает бассейны для загородного участка, чтобы отдохнуть.

design-mania.ru