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

5 ресурсов с бесплатными PSD-шаблонами

DesignLazy – один из проектов Ishmam, мультидисциплинарного дизайнера. На сайте он вместе со своими друзьями публикует шаблоны сайтов, мокапы и UI-киты.

Главная сайта designlazy

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

Psdbox – авторский проект дизайнера Сергея Данильченко. Он ничего не копирует, сам создает PSD-шаблоны для социальных сетей и размещает в открытом доступе. Ссылки на «Яндекс.Диск» и описания – на стене сообщества.

Пример поста в сообществе PsdBox

Фрагмент сайта mockupdownload с примерами PSD-шаблонов

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

На сайте psd-html-css – уроки по верстке и HTML и бесплатные PSD-файлы. На страницах проекта уже опубликовано 200 мокапов, шаблонов сайтов и элементов пользовательского интерфейса.

Шаблоны на psd-html-css

Здесь сложно найти что-то редкое: команда psd-html-css берет работы CSS Author, Pixeden и других крупных дизайнерских сообществ.

Free PSD Files – это сотни бесплатных файлов: фонов, веб-элементов, макетов сайтов.

Пример публикации на сайте Free PSD Files

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

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

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

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

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

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

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

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

Iconspedia

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

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

Canva

Уровень	для начинающего, среднего, профессионального уровня
Для кого подходит	дизайнерам, маркетологам, блогерам, компаниям, школам
За период по тарифам	от 899 до 2000 ₽/мес.
Преимущества	бесплатные тарифы, подробный гайд по созданию иконок, много шаблонов, удобный редактор
Ссылка на сервис	полная информация

Подробнее о сервисе

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

Преимущества:

1. Отдельный раздел иконок, разработанных специально для сторис.
2. Много бесплатных шаблонов, изображений, надписей.
3. Возможность создавать шаблоны по собственным фото, видео и надписям.
4. Удобный, многофункциональный и при этом простой в использовании графический редактор.
5. Бесплатные тарифы для личных целей, а также для школ и некоммерческих компаний.
6. Круглосуточная корпоративная поддержка для клиентов на тарифе «Предприятие».

На сайт курса

Ежедневные советы от диджитал-наставника Checkroi прямо в твоем телеграме!

Подписывайся на канал Подписаться

Icons8

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

Количество: более шестисот тысяч.

Формат: файлы в формате PNG, SVG и PDF. Есть статичные и анимированные иконки.

Что доступно без оплаты: вы сможете скачать любую иконку бесплатно, но только в формате PNG и размером 80 пикселей. Платформа разрешает использовать эти бесплатные иконки на сайтах и в приложениях, но требует давать ссылку на авторство Icons8.

Что даёт оплата сервиса: платная подписка открывает доступ к иконкам от 160 до 480 пикселей и в формате SVG, разрешает свободно использовать их в любом проекте и не давать ссылку на источник. Условия разных пакетов подписки — здесь.

Редактирование иконок: каждую иконку можно настраивать в браузере, например, менять цвет, стиль, добавлять рамку, фон, текст. Это бесплатно.

Сервисы для создания фавиконки без программиста

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

Realfavicongenerator

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

Настройка получившихся иконок в Realfavicongenerator

В результате получаете пакет файлов для скачивания и код для встраивания на сайт.

Пакет нужно скачать в виде файлов и куска кода

Favic-o-matic

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

Результат создания фавиконок в Favic-o-Matic

Favicon.ico & App Icon Generator

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

Готовый пакет фавиконок и код для сайта в Favicon.ico & App Icon Generator

Faviconit

Этот сервис попросит исходник минимум 310 на 310 пикселей и весом не более 5 Мб. После обработки вы получите пакет с файлами, внутри которого будет лежать и текстовый файл с кодом для встраивания на сайт.

Готовый пакет фавиконок и код для сайта в Faviconit

Фотостоки и фотобанки для скачивания бесплатных изображений

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

Stock Up — картинки с разных сайтов в одном месте.

Pexels — русскоязычный сайт, разные тематики.

Mazwai — не только фото, но и видеоклипы, и футажи.

Foodie’s Feed — продукты, готовые блюда и процесс приготовления.

All The Free Stock — изображения, иллюстрации, иконки и видео.

Jéshoots — тематические категории.

Pixabay — фотографии, иллюстрации и векторная графика.

Unsplash — работы фотографов, можно скачивать в большом размере.

Picjumbo — скачивание в большом размере.

Бесплатное создание логотипа без водяного знака

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

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

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

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

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

Logo maker от Wix — конструктор от платформы для создания сайтов Wix, позволяет настроить рекомендации по тематике и предпочтениям, выбрать готовый лого и отредактировать его.Пакет файлов в высоком разрешении с правами на использование стоит 1500 рублей. Есть спецтарифы для тех, кто собирается делать сайт на Wix.

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

Logoshi — здесь с вариантами помогает система. Вы вводите название и слоган по желанию, выбираете цветовую гамму и смотрите готовые. Лучше справляется с латиницей.Итог обойдется в $5 или $20 в зависимости от нужных форматов.

GraphicSprings — из разных тематических клипартов и элементов можно собирать простые цветные лого.За готовый файл в высоком разрешении со всеми правами на использование нужно отдать $19.99.

Logomaster — русскоязычный сервис для полуавтоматического конструирования логотипов.Скачивание требует единоразовый платеж.Базовый тариф — 1500 рублей, в него включен файл с разрешением 1024px на белом или прозрачном фоне. Более дорогие тарифы дают скачать файл в большом разрешении для печати, дорабатывать лого после оплаты и сохранять в векторе.

Onlinelogomaker — конструктор без готовых решений, позволяет делать логотип с нуля с помощью комбинирования и изменений клипартов и текста. С кириллицей работать не умеет. Готовый логотип для коммерческого использования можно скачать за 29$, маленький для некоммерческого — бесплатно.

Tailorbrands — сервис для автоматизированного создания логотипов с простыми пользовательскими настройками цвета и типа готового изображения.Тарифы с подпиской на месяц начинаются от $9.99.

Сервисы on-line поиска иконок для сайта

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

1. FindIcons — качественная реализация поиска по названию, цвету, размеру, типу иконок. Около 500 000 иконок на любой вкус доступны для бесплатного скачивания в любой момент. Личный кабинет с возможностью подбора собственных наборов графики для скачивания.

2. IconFinder — поиск по базе состоящей из 522 370 иконок среди 8 208 наборов. Выбор форматов вплоть до векторных, разрешение, тип лицензии и многое другое в этом замечательном сервисе поиска иконок.

3. IconSearch русскоязычный сервис поиска иконок. Реализовано облако тегов, отсортированное в алфавитном порядке для большего удобства поиска. Иконки представлены в формате .png, количество иконок в базе более 150 000 штук.

5. VeryIcon — молодой сервис с коллекцией иконок около полумиллиона штук. Выбор размера, фона, формата и категории ставит его в один ряд с известными сервисами.

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

SquareSpace Logo

Squarespace Logo — сервис для создания логотипов от популярного конструктора сайтов Squarespace. Однако начать работать с сервисом можно без аккаунта в Squarespace. Учтите, здесь нет шаблонов, простых макетов и готовых цветовых палитр.

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

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

Сайты с бесплатными иконками

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

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

IconFinder На главной странице сайта поле поиска по огромнейшей базе (около 155 000 иконок самой разной тематики).

Tizio Приятный и красивый сайт, где легко и просто можно найти иконки по тегам, целыми наборами или поштучно. Лозунг сайта: «Иконка — всему голова!»

IconDock Большой постраничных архив. В нем собраны самые свежие и креативные иконки.

FindIcons   Более чем 300 000 иконок для вашего проекта.

VeryIcon Удобная поисковая машина для иконок. В базе около 20 000 уникальных наборов.

Icons Mysitemyway На этом ресурсе собрано более 130 000 различных иконок, есть также иконки в 3D.

 IconLet Еще один поисковик для иконок, здесь их около 100 000.

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

 

Iconstick  Иконки для любого проекта, от игр до социальных сетей.

DryIcons Здесь нет ни поисковой строки, ни рейтинга, просто масса качественных иконок. Просто листайте страницу вниз и ищите что-то подходящее.

Icon-Search  Поисковая система иконок. Более 20 00 экземпляров.

IconSearch Русскоязычный поисковик иконок.

Abbsoft Icons  Добрый старый пиксель. Масса пиксельных иконок на любой вкус.

IconArchive  Тут можно искать иконки по категориям, тегам, дате добавления. Очень удобно и просто.

Icon- Free  Здесь можно найти иконки для рабочего стола, программ и веб-проектов.

Wm-Web   Ресурс посвящен дизайну, помимо бесплатных иконок, на нем можно найти красивые шрифты, кисти для фотошопа и другие полезности.

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

Автор — МотоДизайнБлог 

Иконки

Captain Icon

Здесь можно найти более 350 векторных иконок. Их можно легко масштабировать без потери качества. Форматы разные: eps, psd, png, svg, а также веб-шрифты и Sketch.

Иконки распространяются под лицензией CC BY-SA, то есть материалы можно использовать в личных и коммерческих проектах.

Ego

Иконки представлены в синих и серых оттенках.

Endless Icons

Здесь есть множество бесплатных черно-белых иконок. Помимо общего каталога, иконки можно выбрать по тематическим группам: fashion, food, shopping, social media и так далее. Есть еще разбивка по тегам.

Все иконки можно использовать как в личных, так и в коммерческих проектах.

Flaticon

Один из самых крупных сайтов с бесплатными иконками: здесь представлено больше миллиона векторных иконок. Бесплатно использовать их можно при условии, если вы укажете авторство. Если желания указывать нет, то вам нужно купить платную подписку. Она стоит 9,99 евро в месяц либо 89,99 евро за год (т.е. 7,50 евро в месяц).

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

Icofinder

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

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

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

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

Содержит 155,756 иконок и 810 наборов. Имеются конвертер, генератор иконок и другие инструменты.

IconSeeker

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

VeryIcon

VeryIcon позволяет найти несколькими способами — это обычный и расширенный поиск, а также обзор по категориям. Всего в базе сервиса содержится 20,000 высококачественных значков для Windows, Mac и Linux.

FindIcons

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

IconArchive

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

Icon Gallery

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

Iconshock

Сайт Iconshock — это библиотека векторных иконок в тридцати стилях дизайна: плоские или объёмные, Material или iOS, трендовые или Vista и многие другие.

Количество: более двух миллионов.

Формат: файлы PNG, SVG и AI. Есть иконочные шрифты.

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

Что даёт оплата сервиса: Iconshock предлагает несколько уровней Premium-подписок. Базовая платная подписка откроет доступ ко всем размерам и векторным форматам пиктограмм и 3D-иконкам. Платные подписки следующих уровней — это дополнительные графические инструменты, иллюстрации, шрифты.

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

Редактирование иконок: в карточке каждой иконки есть простой редактор, который меняет цвет элементов или контуров. Это бесплатная функция.

Desygner

Платформа для создания бизнес-контента, которая сможет изменить любой дизайн на компьютере, телефоне или планшете.

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

Виртуальный пиарщик

Поможет наладить работу со СМИ без своего пиарщика или агентства
Увеличит число упоминаний о вашей компании
Обойдется в 2-3 раза дешевле
Как это работает

Онлайн-редактор Desygner

Фишки редактора

• Простой и понятный интерфейс, похож на Canva.
• Приличная база бесплатных шаблонов и макетов.
• Много настроек для ретуши изображений.
• Легкий способ перетаскивания изображений.
• Мгновенная публикация проектов.
• Есть услуги профессиональных дизайнеров.
• Можно превратить пост в рекламный блог или твит с помощью пары кликов.
• Есть русифицированная версия (но понадобится и знание английского).

Цены

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

Платно — доступ к премиальным шаблонам, неограниченное редактирование, импорт PDF-файлов и планировщик для соцсетей с минимальным тарифом Pro+. Стоимость подписки от 150 руб. в месяц.

Тарифы Desygner

Инструменты для подбора цвета

Помогут найти нужную палитру сочетающихся цветов для оформления сайта. 

New Flat UI Color Picker — подбор цветов в стиле flat с кодами для копирования.

Flat UI Colors — сайт с похожей системой, позволяет подбирать палитры цветов по насыщенности и яркости.

Color Extraction Effect — инструмент для определения цветовой гаммы с картинки. Он сканирует изображение, определяет все ее цвета и из них выбирает небольшую палитру удачно сочетающихся друг с другом оттенков. Требует скачивания.

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

Couleurs — простое приложение для определения цветов на экране. Требует скачивания, бесплатно.

Material UI Colors — палитра для веба, Android и iOS в разных стилях.

Brand Colors — коллекция цветов, которыми пользуются знаменитые бренды.

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

1. Subtle Patterns — огромная коллекция бесшовных фонов для сайта с хорошими фильтрами для детального подбора. Сервис бесплатный и очень удобный. Можно сразу посмотреть как будет выглядеть выбранный Вами фон на открытой странице.
2. Cool Text — этот онлайн-сервис позволяет создать картинку логотипа для вашего сайта. Не все шрифты поддерживают русский язык, хотя, если логотип вы будете создавать на базе Урла своего сайта, то этой самой поддержки и не потребуется. На главной странице Cool Text вы найдете кучу профессиональных шаблонов, на основе которых можно будет создать свой текстовый логотип. Я им всегда пользовался для создания надписей и логотипов, для заставок видюшек на Ютубе. Очень удобно и ярко получается.
3. Kraken — онлайн-сервис для оптимизации иконок, фонов и прочих картинок, так или иначе используемых на сайте. Kraken позволяет уменьшать размеры файлов с изображения, при этом практически не ухудшая их качество. Есть платный и бесплатный тарифы, Вам вполне хватит бесплатного.
4. CompressJPEG — аналог Кракена но для ДЖПегов, рекомендую, если размещаете картинки в этом формате.

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

Пошаговая инструкция создания иконки

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

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

Одним из онлайн сервисов, который позволяет быстро создавать современные иконки является IconsFlow.

Пару слов о возможностях сервиса:

• Возможность экспорта иконок в SVG (вектор), PNG и ICO формах;
• Загрузка своих собственных иконок;
• Большой функционал по редактированию;
• Возможность создания пакетов иконок в одном стиле;
• Бесплатные варианты.

Теперь перейдем к процессу создания иконки.

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

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

После того, как иконка (или иконки) будет отредактирована, вы можете поработать над её фоном, масштабом, тенями, добавить градиент.

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

То есть, кликая в одном месте,  вы меняете дизайн всех иконок сразу : тени, размер, фон, и т.д. Очень удобно, если вам нужно создать 3-5 или более иконок.

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

Вот собственно и все.

Как видим, даже к созданию такого небольшого элемента ,как иконка стоит подходить со всей ответственностью

Удачный дизайн иконки привлекает внимание пользователей в то время, как плохой дизайн может их оттолкнуть

Графические онлайн-редакторы, конструкторы инфографики и мемов

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

• Easel.ly — для работы с инфографикой;

• Canva — для создания инфографики, флаеров, обложек и других картинок;

• Online-fotoshop, Pixlr, Sumopaint — для работы с изображениями: позволяет кадрировать, вырезать фон, выполнять цветокоррекцию, объединять изображения и накладывать фильтры;

• Online-image-editor — стандартный редактор, работает также с форматом gif;

• PixBuilder Studio — редактор растровой графики, позволяющий создавать и web-графику;

• Editor.pho, Fotor — фоторедактор с бьюти-инструментами для обработки кожи и добавления макияжа на фото;

• Meme Generator, Iloveimg, Risovach, Mr-mem, 1001mem — генератор мемов онлайн.

Где найти иконку: 13 сайтов

2. Iconarchive.com

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

4. Iconmonstr.com

На Iconmonstr.com вы так же сможете выбрать иконку и персонализировать ее по собственному желанию. Преимущество в том, что все иконки бесплатные.

5. Icondeposit.com

Если вам требуется просто огромный выбор коллекций иконок, то вам следует зайти на icondeposit.com. Кроме пользовательских иконок вы найдете там блог и руководство по созданию своей собственной иконки. Перед скачиванием проверьте на всякий случай, не платная ли она.

6. Icons.mysitemyway.com

Не смотря на то, что на Icons.mysitemyway.com не все иконки бесплатные и коллекция не самая большая, все представлено в наивысшем качестве.

8. Linea.io

Прекрасный ресурс с коллекцией более 730 «плоских» иконок. Для использования данных иконок вам потребуется указать авторское право.

9. Aegeank.com

Среди более 360 стильных иконок, на Aegeank.com вы точно найдете что-то полезное. Все из них являются бесплатными для скачивания.

11. Useiconic.com

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

12. Iconsweets.com

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

13. Glyphish.com

Glyphish.com предлагает коллекцию из 50 бесплатных иконок. Сайт специализируется на платных иконках и многие большие компании, такие как Google и NASA, уже используют некоторые из них.

Как сделать иконку около сайта? О фавиконках (файл favicon.ico)или иконках сайта

Мы смотрим на сайты в поисковиках и видим слева изящные картинки с символикой сайтов.

Что такое фавиконка (иконка сайта, пиктограмма сайта)?

Это картинка размером 16Х16 пикселей, которая характерна для большинства профессионально сделанных сайтов. В интернет — браузерах иконка сайта показывается в адресной строке и в папке Избранное (отсюда и название Favorite Icon), рядом с названием сайта. Чаще всего в качестве фавиконки используется логотип сайта. Иконка сайта — отличительная черта грамотных сайтов. Она придает ему индивидуальность. Кроме того, при поиске необходимого сайта иконка позволяет ускорить процесс, поскольку выделяет ваш сайт в выданном поисковиком списке. Нужно только настроить параметры поиска.

В Яндексе, например, это делается так: выбрать ссылку «настройка» в верхней части страницы (www.yandex.ru/setup/index.html?rnd=1157334667, в меню «Результаты поиска» выбрать «настройка поиска», а там найти пункт «графика» и отметить галочку «показывать пиктограммы сайтов».

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

Для создания или редактирования иконки подойдет любой редактор иконок. Можно также использовать плагин к Фотошопу Icon Factory, который позволяет создавать фавиконки из уже готовых картинок. Название готового файла должно быть favicon.ico и никаким иным.

Самое логичное и простое объяснение установки плагина для фотошопа «пошагово» для создания формата рисунков .ico вы найдете у Влада Мержевича на странице htmlbook

Однако, во многих случаях не удается произвести вложение плагина в папку фотошопа, например при использовании пакета программ Adobe CS5 возникают иногда трудности. В таком случае (да и во многих других) рекомендуем простенький следующий способ. Рисуете картинку в фотошопе с размерами 16х16px и сохраняете её как gif изображение. После этого переходите на страницу: http://www.codenet.ru/services/png-to-ico/index.php — это он-лайн преобразование файлов в формат ico. Загружаете туда вашу картинку и получаете на выходе нужный вам файл, который размещаете в нужном вам месте.О том, как это сделать — чуть ниже.

Куда загрузить готовый файл favicon.ico

Готовый файл favicon.ico необходимо загрузить в тот каталог на сервере, где лежит индексный файл вашего сайта.
Если это не помогло (поисковые боты должны находить его по умолчанию), или index.html лежит не в корневом каталоге, то добавьте строку <LINK REL=»SHORTCUT ICON» href=»/your path/favicon.ico»>
в индексный файл между тегами <head> и </head>
.
Кроме того, если вы считаете, что пользователь может занести в «Избранное» не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта.

Пример записи для робота между тегами <head> и </head>:

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>

<link rel=»shortcut icon» href=»http://www.sitename.com/dirname/favicon.ico» type=»image/x-icon»>

Пиктограмма сайта — это стильно, это его лицо уже в поисковой выдаче. Кроме того, при отсутствии favicon.ico в корне вашего сайта каждый новый заход на страницу сайта оборачивается новой строкой в error.log:

File does not exist: /home/localhost/www/favicon.ico

Это происходит потому, что браузер в любом случае запрашивает иконку сайта. Не хотите возится с иконками? Решение простое — создайте в корне сайта файл favicon.ico с нулевым размером.

И напоследок — если вы проделали все рекомендуемые процедуры, но при заходе в
поисковик не обнаружили иконку сайта в выдаче — не огорчайтесь. Дело в том, что
обновление кэша у поисковиков, в частности, Яндекса, процесс длительный, поэтому
процесс появления пиктограммки может занять несколько дней, а иногда и месяцев.
Хотите ускорить её появление ПОПРОСИТЕ Яндекс учесть ваше «новшество»- для этого загрузите адрес вашей фавиконки в addурилку по адресу:
http://yadd.ru/ (адрес вы должны записать абсолютный в виде: Http://www.ваше-доменное-имя.ru/favicon.ico).

Просмотреть сразу результаты вашей работы вы сможете, если введете адрес сайта в
поисковую строку таких браузеров, как Mozilla или Opera, после загрузки сайта в
окошечке слева от поисковой строки появится фавиконка. Если у вас еще остались
вопросы — почитайте FAQ здесь: http://favicon.ru/faq/. (А можете нарисовать фавиконку сами быстро в он-лайн-редакторе: http://favicon.ru (Удачи).