Сайта значки: Сделать 🖼 Favicon для сайта


07.01.2022 Facebook Twitter LinkedIn Google+ Разное


Содержание

Сделать 🖼 Favicon для сайта

Как пользоваться сервисом для создания favicon?

  1. Нажмите «Выбрать изображение с компьютера» и загрузите картинку в форматах jpg, jpeg, png или gif. Подберите квадратное изображение без мелких деталей.
  2. Нажмите «Создать Favicon»;
  3. Сервис покажет пример того, как будет выглядеть ваш favicon. Если результат вас устраивает, скачайте готовый файл. Вы получите файл favicon.ico для сайта, то есть файл с расширением *.ico, его и надо будет использовать в дальнейшем.

Как установить отдельные фавиконы для мобильных устройств

Для разной аудитории сайта нужна поддержка основных браузеров и платформ — Windows Firefox, iOS Safari, Internet Explorer, Android Chrome и других. Для мобильных устройств часто прописывают отдельные иконки с другими размерами. Для этого указывают тип устройства в rel, к примеру, «apple-touch-icon», и атрибут sizes с размером.

Достаточный пакет

Будет достаточно одного файла favicon.ico с размерами 48×48.

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

Как установить favicon на сайт

  1. Сохраните картинку в корневой каталог сайта с именем favicon.ico, чтобы получился адрес вида https://sitename.ru/favicon.ico. Это путь к изображению. Он понадобится, если вы захотите использовать разные фавиконы для разделов сайта, чтобы пользователи лучше ориентировались в разделах ресурса. Если вы используете один favicon для всего сайта, путь к нему указывать не нужно.
  2. Добавьте ссылку на размещенный файл в HTML-код главной:
    
    <link rel="icon" href="https://sitename.ru/favicon.ico" type="image/x-icon">

Зачем делать favicon?

Никакой функции для SEO он не несет, но его использование позволяет повысить узнаваемость сайта, и, как следствие, показателя CTR.

Узнаваемость сайта

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

Информативность

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

Запоминаемость бренда

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

Favicon (иконка сайта) | SEO-портал

Автор: Нотан Ройамов

Создано:

Обновлено:

Иконка Favicon (фавиконка) — маленький, но очень важный атрибут сайта. Из материала вы узнаете о том, зачем нужна фавиконка, какое значение она имеет в SEO, а также о том, как создать и подключить Favicon в формате ICO и других форматах к своему сайту.

Зачем нужна иконка Favicon для сайта?

Иконка сайта Favicon (от англ. Favorite Iconиконка для избранного; также: фавиконка, пиктограмма сайта, значок сайта) — небольшая (16×16 px) картинка (как правило в формате ICO), отображаемая во вкладках и закладках браузера, а также имеющая значение в SEO-оптимизации.

Иконка сайта в браузере

Главное назначение иконок Favicon: отображение в элементах интерфейса браузеров, облегчающее их использование.

Иконка сайта во вкладках браузера

Все современные интернет-обозреватели отображают иконку <div class="seog-tooltip-more-link"><a href="/terminy/sajt">Подробнее</a></div> »>сайта во вкладках:

Обратите внимание на вкладки вашего браузера, в котором открыта данная страница: если их много, то на мгновение представьте их без favicon. Согласитесь, без них пользоваться вкладками стало бы явно неудобно: при большом количестве вкладок в окне браузера ориентироваться в них позволяют только иконки Favicon.

Фавиконки при большом количестве вкладок
Иконка сайта в закладках браузера

Кроме отображения во вкладках, <div class="seog-tooltip-more-link"><a href="/baza/kartinki/favicon">Подробнее</a></div> »>иконка сайта отображается в закладках браузеров (в ссылках на «избранные» страницы), а также в панелях со ссылками:

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

Иконка сайта перед адресной строкой браузера

Некоторые браузеры отображают пиктограмму сайта перед адресной строкой, а также в выпадающем списке URL-адресов выпадающей строки:

Значение иконки сайта в SEO

Favicon является SEO-фактором, т. к. она отображается в сниппетах поисковой выдачи Яндекса и Google (в мобильной поисковой выдаче фавиконки стали отображаться с мая 2019-го, а в десктопной — с начала 2020-го года), в некоторой мере влияя на их кликабельность (вероятность перехода на сайт из поисковой выдачи), которая является положительным поведенческим фактором ранжирования.

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

Из всего вышесказанного следует, что фавиконка:

  • отображается в интерфейсе браузеров: вкладках, закладках и перед адресной строкой (Internet Explorer, Safari),
  • способствует узнаваемости сайта,
  • облегчает работу пользователей в браузере,
  • является визитной карточкой сайта в браузере,
  • отображается в сниппетах поисковой выдачи,
  • может влиять на кликабельность Существует 3 вида <span>сниппетов</span>: контекстные объявления, стандартные <span>сниппеты веб-страниц</span>, а также <span>особые сниппеты</span> (колдунщики, навигационные ответы и т. д.).<div class="seog-tooltip-more-link"><a href="/terminy/snippet">Подробнее</a></div> »>сниппета,
  • может косвенно влиять на ранжирование страниц сайта.

Иконка сайта и ПС Яндекс

Favicon отображается в поисковой выдаче Яндекса и может непосредственно влиять на внешние поведенческие факторы.

Favicon в сниппетах Яндекса

Фавиконка сайта отображается напротив заголовков сниппетов:

Favicon в сниппетах выдачи Яндекса

Наличие (отсутствие) и привлекательность фавиконки может отражаться на кликабельности сниппета поисковой выдачи Яндекса, косвенно влияя на ранжирование.

У Яндекса существует отдельный поисковой робот, индексирующий файлы favicon в формате ICO и в других форматах. Обновление фавиконок в выдаче Яндекса – явление достаточно редкое, занимающее около месяца.

Предупреждение об отсутствии файла

Если иконка сайта не отображается в Яндексе, то обратите внимание на наличие предупреждения «Отсутствует файл favicon на сайте» в разделе «Диагностика сайта» сервиса Яндекс. Вебмастер:

Указание на отсутствие фавиконки в сервисе Яндекс.Вебмастер

Проверка наличия Favicon в индексе

Фавиконки добавляются в индексную базу и отображаются в поисковой выдаче в виде изображений в формате PNG. Проверить наличие иконки сайта в индексе Яндекса можно по ссылке:

http://favicon.yandex.net/favicon/[абсолютный URL-адрес]

Например: http://favicon.yandex.net/favicon/https://seoportal.net

Если фавиконка проиндексирована, то она отобразится на странице в формате PNG.

Проверка Favicon на соответствие требованиям

Если иконка сайта не проиндексирована, и (или) в Яндекс.Вебмастере присутствует указанное выше предупреждение об её отсутствии на сайте, то проверьте файл на соответствие требованиям.

Чтобы фавиконка отображалась в результатах поиска, необходимо разместить картинку (файл favicon.ico) размером 16×16 пикселей в корневом каталоге сайта. Предпочтительный формат пиктограммы сайта — ICO, но возможны и другие форматы: GIF, JPEG, PNG и BMP.

Яндекс.Помощь

Требования к иконке сайта

Чтобы избежать проблем с отображением иконки сайта Favicon в интерфейсе браузеров и сниппетах поисковой выдачи Яндекса, необходимо, чтобы файл иконки соответствовал определённым требованиям.

Для фавиконок существуют требования:

  • к названию файла,
  • к геометрическому размеру,
  • к формату файла,
  • к размещению,
  • к HTML-разметке.

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

Название файла

Традиционно файл иконки сайта принято называть favicon, но фактически он может называться как угодно, если в HTML-коде указан явный путь к иконке сайта. Иначе говоря: если в корне сайта размещена иконка favicon.ico (именно в формате ICO), а в HTML-коде нет ссылки на неё, то браузер всё равно обнаружит иконку по её названию и будет отображать по назначению. Если же фавиконка сайта будет называться иначе, чем favicon.ico, или иметь расширение, отличное от ICO, при этом в HTML-коде не будет явной ссылки на неё, то браузер не сможет её обнаружить.

Во избежание проблем с отображением иконки сайта в браузере и сниппетах поисковой выдачи Яндекса, файл иконки следует называть «favicon.ico».

Геометрический размер

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

Значок сайта должен быть квадратным и иметь размеры, кратные 48 пикселям, например 48 x 48, 96 x 96, 144 x 144. Файлы SVG конкретного размера не имеют. Поддерживаются значки всех допустимых форматов. Убедитесь, что значок сайта хорошо выглядит при разрешении 16 x 16 пикселей, так как для показа в результатах поиска масштаб значка будет изменен. Учтите, что добавлять значок размером 16 x 16 пикселей не следует.

Справка Google

Формат файла

Традиционным форматом Favicon является ICO, однако современные браузеры могут отображать фавиконки и в других форматах:

Как отмечалось ранее, если пиктограмма сайта будет создана не в формате ICO, то в HTML-коде необходимо явно указывать путь к файлу, иначе браузер (а также робот Яндекса) не сможет определить иконку для отображения.

Иконка сайта Favicon в формате ICO поддерживается всеми современными браузерами.

Размещение на сайте

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

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

HTML-код иконки для сайта

Прописывать Favicon в HTML-коде не обязательно, если фавиконка соответствует следующим требованиям:

  • имя файла: favicon,
  • формат файла: ICO,
  • размер значка сайта должен быть кратным 48, т. е. не менее 48×48 px,
  • размещение файла: корневой каталог сайта.

В иных случаях (например, если для отдельных страниц применяются отдельные иконки) необходимо указывать тег <link> для Favicon в HTML-коде.

Какой должна быть иконка сайта?

Несмотря на свой скромный размер, Favicon является отличительным символом сайта в глазах как пользователей, так и поисковых систем, а её наличие и привлекательность играют не последнюю роль в кликабельности сниппетов поисковой выдачи Яндекса.

Привлекательность

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

Используйте уникальную фавиконку
Пользователи не любят плагиат и копирование: заимствование иконки сайта другого популярного ресурса в большинстве случаем негативно отразится на поведенческих факторах.
Фавиконка должна быть контрастной
Иконка сайта, несмотря на свой скромный размер, должна быть четкой: пользователь должен ясно видеть, что изображено на картинке, иначе он её не запомнит и не оценит.
Подумайте об использовании анимации
Браузеры Firefox и Opera отображают анимацию в иконках сайта форматов ICO и GIF. Однако не следует злоупотреблять этой возможностью. Слишком навязчивая анимация в иконке сайта может отвлекать внимание пользователей.
Учитывайте возможность применения прозрачности
Все форматы для файлов Favicon, кроме JPG, позволяют использовать эффекты прозрачности и полупрозрачности. При необходимости следует этим пользоваться.

Уникальность

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

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

Контрастность

Иконка сайта должна быть четкой и контрастной, но не слишком резкой. Не используйте Favicon с размытым нечетким изображением или со слишком резким выделением пикселей:


Исходное изображение

Анимация в Favicon

Некоторые браузеры могут отображать анимацию фавиконок с расширениями ico и gif:


Статичная иконка


Анимированная иконка

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

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

При создании анимированного Favicon руководствуйтесь следующими правилами:

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

Эффект прозрачности

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

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

При определении прозрачности фона для иконки сайта руководствуйтесь следующими принципами:

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

Как сделать Favicon для сайта?

Существует несколько способов создания фавиконок в формате ICO и в других форматах: с помощью онлайн-генераторов, узконаправленных программ или графических редакторов. Мы рассмотрим процесс создания в онлайн-генераторе и в программе Photoshop.

Онлайн-генератор favicon.cc

В сервисе favicon.cc можно создавать фавиконки только в размере 16×16 px, поэтому рекомендуем использовать другой способ для создания значка 48×48 px (согласно информации в Справке Google).

Favicon.cc является простым в применении и освоении узконаправленным веб-сервисом, предоставляющим необходимый функционал по части генерации фавиконок.

Перейти к генератору favicon.cc
Возможности сервиса

Favicon.cc позволяет:

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

К условным недостаткам генератора можно отнести:

  • отсутствие русской версии,
  • экспорт файлов только в формате ICO.
Создание новой фавиконки онлайн

Чтобы сделать пиктограмму сайта в режиме онлайн, перейдите в сервис favicon.cc и следуйте инструкциям:

  1. кликните Create New Favicon,
  2. в области «Color Picker» в правой части окна размещены инструменты для рисования:
    • палитра цветов — для определения цвета карандаша,
    • Transparency — ползунок определения степени прозрачности,
    • Last Used Colors — панель быстрого выбора из последних применяемых цветов,
    • transparent — устанавливает прозрачный цвет («стирка»),
    • move — позволяет переместить все пиксели в редакторе.
  3. разобравшись с инструментами, приступайте к рисованию иконки для сайта в редакторе,
  4. все изменения будут сразу отображаться в натуральную величину (16×16 px) в области «Preview»,
  5. скачать готовую фавиконку можно по клику на Download Favicon.
Создание Favicon в онлайн-генераторе
Создание анимированной фавиконки

Генератор favicon.cc позволяет легко сделать анимированную иконку favicon.ico для сайта в режиме онлайн:

  1. кликните Use Animation под окном редактора,
  2. раскроются дополнительные инструменты для работы с кадрами:
    • номер кадра указан прямо под редактором Favicon,
    • в выпадающем списке напротив номера можно выбрать частоту смены кадра,
    • Clear Frame — очистка окна редактора (текущего кадра),
    • Append New Frame — добавление нового чистого кадра (откроется в редакторе),
    • Copy Previous Frame — позволяет скопировать пиксели предыдущего кадра в текущий,
    • Delete Frame — удаление текущего кадра,
    • animate preview — активация демонстрации анимации в области «Preview»,
    • в выпадающем списке напротив чекбокса можно выбрать количество циклов анимации.
Онлайн-конвертер Favicon

Функционал favicon.cc позволяет конвертировать изображения из форматов JPG, JPEG, GIF, PNG, BMP, ICO, CUR в формат ICO с преобразованием их размера:

  1. кликните Import Image,
  2. выберите файл для преобразования размером не более 5 Мб,
  3. определите способ преобразования размера изображения до квадратных пропорций:
    • Keep Dimensions — с сохранением пропорций исходного изображения,
    • Shrink to square icon — сжимая или растягивая изображение.
  4. кликните Upload для конвертации.
Онлайн-конвертер favicon.cc
Готовые бесплатные фавиконки

Сервис favicon.cc позволяет бесплатно просматривать, редактировать и скачивать созданные с помощью данного генератора фавиконки:

  1. чтобы перейти к списку готовых фавиконок кликните:
    • Latest Favicons — последние созданные иконки,
    • Top Rated Favicons — самые популярные иконки,
  2. кликните по названию понравившейся фавиконки,
  3. кликните:
    • Download Favicon чтобы скачать копию фавиконки,
    • Edit Copy of Icon чтобы приступить к редактированию копии фавиконки.

Создание Favicon в Photoshop

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

Особенности программы

Графический редактор Adobe Photoshop не нуждается в представлении. Но как сделать иконку для сайта в «фотошопе»? Достаточно просто, если вы уже знакомы с интерфейсом программы, и достаточно сложно, если вы не имеете практики работы в Photoshop.

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

  • Сложный многофункциональный интерфейс

    Программа Photoshop предназначена для качественной обработки изображений (в частности фотографий). Для быстрого освоения подойдут другие узконаправленные программы по созданию фавиконок.

  • Нет возможности сохранять файлы в формате ICO

    Но можно сохранять иконку в формате BMP и заменять расширение на ICO.

  • Нет возможности создавать анимационные Favicon в формате ICO

    Но можно создавать анимационные фавиконки в формате GIF.

Для изображений и инструкций данного материала применялась русифицированная версия Adobe Photoshop CC 2015.

Рисование Favicon

Нарисуем иконку для сайта в программе Adobe Photoshop CC:

  1. открываем программу,
  2. кликаем Файл → Создать,
  3. в появившемся окне устанавливаем высоту и ширину 16 px и жмем ОК,
  4. для удобства рисования:
    • масштабируем изображение (клавиши CTRL + + и CTRL + -),
    • включаем сетку: (клавиши CTRL + '),
    • настраиваем сетку: (Редактирование → Настройки → Направляющие, сетка и фрагменты…),
    • используем инструменты для рисования в зависимости от необходимости (карандаш, кисть и др.).

Как добавить иконку сайта в адресную строку браузера?

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

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

Отображение иконки в строке браузера

Чтобы установить подобную «фичу», необходимо нарисовать изображение размером 16х16 пикселов и сохранить его в формате ICO в корне сайта под именем favicon.ico.

Adobe Photoshop не понимает формат ICO и не сохраняет в нем рисунки, так что для этой цели требуется дополнительный плагин.

Для работы плагина файл необходимо распаковать и сохранить в папке Plug-Ins\File Formats. По умолчанию программа Photoshop CS под Windows устанавливается в папке c:\Program Files\Adobe\Photoshop CS. Тогда полный путь для файла плагина будет c:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats.

Размещение плагина для сохранения файлов в формате ICO

После добавления плагина, при сохранении рисунка в списке доступных форматов появляется новый пункт «Windows Icon».

Тип файла для сохранения иконки

Остается сделать желаемую иконку 16х16 пикселов и сохранить ее под именем favicon. ico в корне сайта. Браузер автоматически ищет этот файл и добавляет его в адресную строку, а также закладки.

Файл не обязательно должен располагаться в корне сайта, но тогда следует указать браузеру, где он находится. Это делается через тег <link>, как показано ниже.

<head>
 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
</head>

Атрибут href задает расположение и имя файла.

Формат рисунка не обязательно должен быть ICO, также допускается использование GIF и PNG. При этом необходимо сменить значение атрибута type на image/gif или image/png, в зависимости от типа изображения.

<head>
 <link rel="shortcut icon" href="/images/favicon.png" type="image/png">
</head>

Emoji, Цветные значки для YouTube, ВКонтакте, для статуса, для ника

Цветные значки для ников, так называемые эмодзи — это красивое дополнение к названию видео на YouTube, или для поста ВКонтакте. Так же их можно вставлять в свой Ник, в статус или пост в ВКонтакте — VK.com, в название видео на YouTube, в комментарии и описания видео, они работают и на Facebook. Так же значки можно применять в Одноклассниках, да и вообще на многих многих площадках и форумах. Работают значки так же в World и Exel.

 

Как это работает? Нужно выделить значок и символ перед ним (в данном случае | ), скопировать и вставить туда, что вам хочется украсить! Можно использовать сочетания клавиш на клавиатуре Ctrl+C (копировать) и Ctrl+V (вставить).

Как вставлять цветные значки в VK — ВКонтакте?

1. Выделяете код и копируете. Например: «&# 128525;»
2. Вставляете его туда, куда хотели вставить
3. Удаляете лишний пробел: «😍»
4. Публикуете запись или комментарий.
ГОТОВО

Как вставлять цветные значки в YouTube, Facebook, Одноклассники и др. ?

Выделяете значок и на клавиатуре жмёте: копировать: Ctrl и С, вставляете, где вам нужно: Ctrl и V. Сохраняете или публикуете.

ГОТОВО

Emoji, Цветные значки для YouTube, FaceBook, Одноклассники эмоджи

Emoji НОВИНКИ 2021г. значки, эмодзи:

 

🤹🏼‍♂️

 

🥰 🦸 🦸‍♀️ 🦸‍♂️ 🦹 🦹‍♀️ 🦹‍♂️ 🦵 🦶 🦴 🦷 🥽 🥼 🥾 🥿

 

🦝 🦙 🦛 🦘 🦡 🦢 🦚 🦜 🦞 🦟 🦠 🥭 🥬

 

🥯 🧂 🥮 🧁 🥨 🧭 🧱 🛹 🧳 🧨 🧧 🥎 🥏 🥍 🧿

 

🧩 🧸 ♟ 🧮 🧾 🧰 🧲 🧪 🧫 🧬 🧯 🧴 🧵 🧶 🧷

 

🧹 🧺 🧻 🧼 🧽 ♾ 🏴‍☠️

 

Смайлики и люди, жесты и одежда

😀 😬 😁 😂 🤣 😃 😄 😅 😆 😇 😉 😊 🙂 🙃 ☺️ 😋

 

😌 😍  🥰  😘 🤩 🥳 😗 😙😚 😜 😝 😛 🤑 🤓

😎 🤗 😏 😶 😐 😑 😒 🙄 🤔 😳 😞 😟 😠 😡 😔

 

😕 🙁 ☹️ 😣😖 😫 😩 😤 😮 😱 😨

😰 😯 😦 😧 😢 😥 😪 😓 😭 😵 😲 🤐 😷 🤒 🤕

 

😴 💤 💩 😈👿 👹 👺 💀 👻 👽 🤖

😺 😸 😹 😻 😼 😽 🙀 😿 😾
👀 👤 👥 🗣 👶 👦 👧

 

👨 👩 👱 👴👵 👲 👳 👮 👷 💂

 🎅 👼 👸 👰 🚶 🏃 💃 👯 👫 👬 👭 🙇 💁 🙅 🙆

 

🙋 🙎 🙍 💇 💆💑 👩‍❤️‍👩 👨‍❤️‍👨 💏 👩‍❤️‍💋‍👩 👨‍❤️‍💋‍👨 👪👨‍👩‍👧

 

👨‍👩‍👧‍👦 👨‍👩‍👦‍👦 👨‍👩‍👧‍👧 👩‍👩‍👦

 

👩‍👩‍👧 👩‍👩‍👧‍👦 👩‍👩‍👦‍👦 👩‍👩‍👧‍👧 👨‍👨‍👦 👨‍👨‍👧 👨‍👨‍👧‍👦 👨‍👨‍👦‍👦 👨‍👨‍👧‍👧

 

 

Одежда

 

👚 👕 🧥 👖 👔 👗 👙👘 💄 💋 👣 👠👡 👢 👞 👟 🥾 🥿

 

👒 🎩
🎓👑 🎒 👝 👛 👜 💼 👓 🕶 💍 🌂 🧦 🧤 🧣

 

Рукоделие, хобби — значки, эмодзи

 

🧵 🧶 🧷 ✂️ 📐 📏 📌 🖊 🖋  ✒️ 📝 ✏️ 🖍 🖌  🔍 🔎 🔔

 

👩🏽‍🎨 👨🏽‍🎨 🧑🏻‍🎨

 

Эмодзи Жесты

 

🙌 👏 👋 👍 👎 👊 ✊ ✌️ 👌 ✋ 👐 💪 🙏 ☝️ 👆 👇

 

👈 👉 🖕 🖐 🤘 🖖 ✍️ 💅 👄 👅 👂 👃🤲 🤙 💪

 

🦵 🦶 🤛 🤜 ✋🏻 🤚🏻 🤳🏻

 

Животные и природа

🐶 🐱 🐭 🐹 🐰 🐻 🐼 🐨 🐯 🦁 🐮 🐷 🐽 🐸 🐙

 

 

🐵 🙈 🙉 🙊 🐒 🐔 🐧 🐦 🐤 🐣 🐥 🐺 🐗 🐴 🦄 🐝 🐛 🐌 🐞 🐜 🦟 🦗  🦂 🦀 🐍 🐢 🐠

 

🐟 🐡 🐬 🐳 🐋 🐊 🐆 🐅 🐃 🐂 🐄 🐪 🐫 🐘 🐐 🐏 🐑 🐎 🐖 🐀 🐁 🐓 🦃 🐕 🐩

 

🐈 🐇  🦝 🦨 🐾 🐉 🐲

 

🌵 🎄 🌲 🌳 🌴 🌱🌿 🍀 🎍 🎋 🍃 🍂 🍁 🌾  🏵 

 

 

🌺 🌻 🌹 🌷 🌼 🌸 💐 🍄 🌰 🎃 🐚 🕸 🌎 🌍 🌏 🌕 🌖 🌗 🌘 🌑 🌒 🌓 🌔 🌚 🌝 🌛 🌜 🌞 🌙 ⭐️ 🌟 💫

 

 

✨ ☄️ ☀️🌤 ⛅️ 🌥 🌦 ☁️ 🌧 ⛈ 🌩 ⚡️ 🔥 💥 ❄️🌨 ☃️ ⛄️  💨 ☂️ ☔️ 💧 💦 🌊

Еда и напитки

 

 

🍏 🍎 🍐 🍊 🍋 🍌 🍉 🍇 🍓 🍈 🍒 🍑 🍍 🥝

 

🍅 🥑 🍆🌶 🥒 🌽 🥕🥭 🥥🥬🥦 

 

🥗 🥔 🍠 🥜 🍯 🍞 🥐🥖 🥨 🥞 🧀 🍩 🍪 ☕ 

 

🍗 🍖  🍤 🥚 🍳 🥓 🍔 🍟 🌭 🍕 🍝 🥪 🥙 🌮 🌯 🥗

 

 🍜 🥘 🍲  🍥 🍣 🍱 🍛 🍙 🍚 🍘

 

🍢🍡 🍧 🍨 🍦 🍰 🎂  🍮 🍭 🍬 🍫 🍿

 

🍵 🍼  🥛 🍺 🍻 🍷 🥂 🥃 🍸 🍹 🍾 🍶 🥄 🍴🍽 

 

🥣 🥡 🥢

Действия, Спорт

 

⚽️ 🏀 🏈 ⚾️ 🎾 🏐 🏉 🎱 ⛳️🏌 🏓 🏸 🏒 🏑 🏏

 

 

🎿 ⛷  🏂 ⛸ 🏹 🎣 🚣 🏊 🏄 🛀⛹🏋 🚴 🚵 🏇

 

 🕴 🏆 🎽 🏅 🎖 🎗 🏵 🎫 🎟 🎭 🎨 🎪 🎤 🎧 🎼 🎹

 

🎷 🎺 🎸 🎻 🎬 🎮 👾 🎯 🎲 🎰 🎳 🚲

Путешествия и места

🚗 🚕 🚙 🚌 🚎🏎 🚓 🚑 🚒 🚐 🚚 🚛 🚜🏍 🚲

 

 

🚨 🚔 🚍 🚘 🚖 🚡 🚠 🚟 🚃 🚋 🚝 🚄 🚅 🚈 🚞

 

🚂 🚆 🚇 🚊 🚉 🚁 🛩  ✈️ 🛫 🛬 ⛵️ 🛥 🚤 ⛴ 🛳 🚀 🛰

 

💺 ⚓️ 🚧 ⛽️ 🚏 🚦 🚥 🏁 🚢 🎡 🎢 🎠🏗 🌁 🗼 🏭

 

⛲️ 🎑 ⛰ 🏔 🗻 🌋 🗾🏕 ⛺️🏞🛣🛤 🌅 🌄🏜🏖🏝

 

🌇 🌆 🏙 🌃 🌉 🌌 🌠 🎇 🎆 🌈 🏘 🏰 🏯 🏟 🗽 🏠

 

🏡🏚 🏢 🏬 🏣 🏤 🏥 🏦 🏨 🏪 🏫 🏩 💒🏛 ⛪️

 

🕌 🕍 🕋⛩

 

Объекты

⌚️ 📱 📲 💻 ⌨️ 🖥 🖨 🖱 🖲 🕹 🗜 💽 💾 💿 📀 📼 📷

 

📸 📹 🎥📽🎞 📞 ☎️ 📟 📠 📺📻🎙 🎚 🎛 ⏱ ⏲

 

⏰🕰 ⏳ ⌛️ 📡 🔋 🔌 💡 🔦🕯🗑🛢💸 💵 💴 💶 💷

 

💰 💳 💎 ⚖ 🔧 🔨⚒🛠⛏ 🔩⚙⛓ 🔫 💣

 

🔪 🗡 ⚔ 🛡 🚬 ☠️ ⚰ ⚱ 🏺 🔮 📿 💈 ⚗ 🔭 🔬 🕳

 

💊 💉🌡 🏷 🔖 🚽 🚿

🛁 🔑🗝🛋 🛌 🛏 🚪 🛎 🖼 🗺 ⛱ 🗿 🛍 🎈 🎏

 

🎀 🎁 🎊 🎉 🎎 🎐 🎌 🏮 ✉️ 📩 📨 📧💌

 

📮 📪 📫 📬 📭 📦 📯 📥 📤 📜 📃 📑 📊 📈 📉

 

📄 📅 📆 🗓 📇 🗃 🗳 🗄 📋 🗒 📁 📂 🗂 🗞 📰

 

📓 📕 📗 📘 📙 📔 📒 📚 📖 🔗 📎 🖇 📍 🚩 🏳 🏴

 

🔐 🔒 🔓 🔏 🖊 🖋 ✒️ 📝 ✏️ 🖍 🖌 🔍 🔎

Символы

❤️ 💛 💚 💙 💜 💔 ❣️ 💕 💞 💓 💗 💖 💘 💝 💟

 

☮️ ✝️ ☪️🕉 ☸️ ✡️ 🔯 🕎 ☯️ ☦️ 🛐 ⛎ ♈️ ♉️ ♊️ ♋️ ♌️ ♍️ ♎️ ♏️ ♐️ ♑️ ♒️ ♓️ 🆔 ⚛

 

 

🈳 🈹 ☢️ ☣️ 📴 📳 🈶 🈚️ 🈸 🈺 🈷️ ✴️ 🆚 🉑 💮 🉐 ㊙️ ㊗️ 🈴 🈵 🈲 🅰️ 🅱️ 🆎 🆑 🅾️

 

🆘 ⛔️ 📛 🚫 ❌ ⭕️ 💢 ♨️ 🚷 🚯 🚳 🚱 🔞 📵 ❗️ ❕ ❓ ❔ ‼️ ⁉️ 💯 🔅 🔆 🔱 ⚜ 〽️ ⚠️ 🚸 🔰 ♻️

 

🈯️ 💹 ❇️ ✳️ ❎ ✅ 💠 🌀 ➿ 🌐 Ⓜ️ 🏧 🈂️ 🛂 🛃 🛄 🛅 ♿️ 🚭 🚾 🅿️ 🚰 🚹 🚺 🚼 🚻 🚮

 

🎦 📶 🈁 🆖 🆗 🆙 🆒 🆕 🆓

 

 

🔢 ▶️ ⏸ ⏯ ⏹ ⏺ ⏭ ⏮ ⏩ ⏪ 🔀 🔁 🔂 ◀️

 

🔼 🔽 ⏫ ⏬ ➡️ ⬅️ ⬆️ ⬇️ ↗️ ↘️ ↙️ ↖️ ↕️ ↔️ 🔄 ↪️ ↩️ ⤴️ ⤵️ 🔤 🔡 🔠 🔣 🎵 🎶

 

〰️ ➰ ✔️ 🔃 ➕ ➖ ➗ ✖️ 💲 💱 ©️ ®️ ™️ 🔚 🔙 🔛 🔝 🔜 ☑️ 🔘 ⚪️ ⚫️ 🔴 🔵 🔸 🔹 🔶 🔷 🔺 ▪️ ▫️

 

⬛️ ⬜️ 🔻 ◼️ ◻️ ◾️ ◽️ 🔲 🔳 🔈 🔉 🔊 🔇 📣 📢 🔔 🔕 🃏 🀄️ ♠️ ♣️ ♥️ ♦️ 🎴👁‍🗨 💭 🗯 💬

 

🕐 🕑 🕒 🕓 🕔 🕕 🕖 🕗 🕘 🕙 🕚 🕛

 

🕜 🕝 🕞 🕟🕠 🕡 🕢 🕣 🕤 🕥 🕦 🕧

 

 

Не имоджи — символы

✢ ✣ ✤ ✥ ✦ ✧ ★ ☆ ✯ ✡︎ ✩ ✪ ✫ ✬ ✭ ✮

 

✶ ✷ ✵ ✸ ✹ → ⇒ ⟹ ⇨ ⇾ ➾ ⇢ ☛ ☞ ➔

 

➜ ➙ ➛ ➝ ➞ ♠︎ ♣︎ ♥︎ ♦︎ ♤ ♧ ♡ ♢ ♚ ♛ ♜ ♝

 

♞ ♟ ♔ ♕ ♖ ♗ ♘ ♙ ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ 🂠 ⚈

 

⚉ ⚆ ⚇ 𓀀 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈 𓀉 𓀊 𓀋

 

𓀌 𓀍 𓀎 𓀏 𓀐 𓀑 𓀒 𓀓 𓀔 𓀕 𓀖 𓀗 𓀘 𓀙 𓀚 𓀛 𓀜 𓀝

 

 

 

Цветные значки для ВКонтакте:

Растения, деревья:

&# 127793; «| &# 127794; «| &# 127876; «| &# 127795; «|
&# 127796; «| &# 127797; «| &# 127806; «| &# 127807; «|
&# 127808; «| &# 127809; «| &# 127810; «| &# 127811; «|

Цветы:

&# 127800; «| &# 127801; «| &# 127802; «| &# 127799; «|
&# 127803; «| &# 127804; «| &# 128144; «|

Фрукты и овощи:

&# 127805; «| &# 127812; «| &# 127813; «| &# 127814; «|
&# 127815; «| &# 127816; «| &# 127817; «| &# 127818; «|
&# 127819; «| &# 127820; «| &# 127821; «| &# 127822; «|
&# 127823; «| &# 127825; «| &# 127827; «| &# 127826; «|
&# 127824; «| &# 127875; «| &# 127792; «|

Разноцветные сердечки:

&# 128149; «| &# 128150; «| &# 128140; «| &# 10084; «|
&# 128153; «| &# 128154; «| &# 128147; «|
&# 128157; «| &# 128158; «| &# 128148; «|
&# 128159; «| &# 128140; «|
&# 128155; «| &# 128156; «|
&# 128151; «| &# 128152; «|

 

Поздравления:

&# 127873; «| &# 127872; «| &# 127880; «| &# 128205; «|

Одежда:

&# 127933; «| &# 128084; «| &# 128085; «| &# 128087; «|
&# 128090; «| &# 128086; «| &# 128089; «| &# 128095; «|
&# 128094; «| &# 128096; «| &# 128097; «| &# 128098; «|
&# 128099; «| &# 128091; «| &# 128092; «| &# 128093; «|
&# 128188; «| &# 128083; «| &# 127891; «| &# 127913; «|
&# 128081; «| &#127746; «| &#128082; «| &#128083; «|
&#128087; «| &#128088; «|

Продукты питания:

&# 127828; «| &# 127830; «| &# 127831; «| &# 127832; «|
&# 127833; «| &# 127835; «| &# 127834; «| &# 127838; «|
&# 127836; «| &# 127837; «| &# 127839; «| &# 127840; «|
&# 127843; «| &# 127841; «| &# 127846; «| &# 127845; «|
&# 127842; «| &# 127844; «| &# 127849; «| &# 127847; «|
&# 127850; «| &# 127848; «| &# 127851; «| &# 127852; «|
&# 127854; «| &# 127853; «| &# 127855; «| &# 127856; «|
&# 127857; «| &# 127858; «| &# 127859; «| &# 127862; «|
&# 127861; «| &# 127874; «| &# 127829; «|

Луна, другие планеты, прогноз погоды:

&# 127758; «| &# 127757; «| &# 127759; «| &# 127760; «|
&# 127762; «| &# 127763; «| &# 127764; «| &# 127765; «|
&# 127766; «| &# 127767; «| &# 127768; «| &# 127769; «|
&# 127770; «| &# 127771; «| &# 127772; «| &# 127773; «|
&# 127774; «| &# 128261; «| &# 128262; «|

&# 9728; «| &# 128173; «| &# 9 924; «| &# 10052; «|
&# 9925; «|
&# 9729; «|

Дорожные знаки, обычные знаки:

&# 128687; «| &# 9888; «| &# 10067; «| &# 10062; «| &# 153; «|™
&# 128689; «| &# 9851; «| &# 10068; «| &# 10133; «|
&# 128695; «| &# 9832; «| &# 10071; «| &# 10135; «|
&# 128245; «| &# 9940; «| &# 10071; «| &# 10134; «|
&# 128219; «| &# 8734; «|∞ _ &# 10069; «| &# 12336; «|
&# 128696; «| &# 8252; «| &# 10060; «|

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

Содержание:
1. Почему поиск иконок на сторонних сервисах – не всегда лучшая идея?
2.Сервисы с бесплатными иконками
3.Обзор сервисов с платными иконками

Создаете новый логотип для своей компании или личного бренда, и ищете свежие оригинальные иконки, которые могли бы стать его основой? Тогда позвольте нам облегчить ваши поиски, ведь в этой статье мы представляем подборку наиболее известных и востребованных сервисов для поиска иконок – как бесплатных, так и платных. Однако стоит помнить, что…

Почему поиск иконок на сторонних сервисах – не всегда лучшая идея?

Использование готовых иконок для оформления своего лого зачастую приводит к рискам, вот наиболее значимые из них, на которые стоит обратить внимание:

Как правило, изображение на таких сервисах (включая платные) могут быть скачаны всеми желающими неограниченное количество раз. Взяв такую символику за основу, вы получите неуникальный логотип и не сможете использовать его для своей торговой марки;

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

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

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

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

1. Streamlineicons

Обширный каталог из 5000 разнообразных векторных иконок для сайтов, iOS и Android приложений. Они распределены по 97 тематическим категориям, пакет на 100 иконок можно скачать бесплатно, а за 2000 и 5000 иконок придется заплатить 67$ и 97$. StreamLine позволяет в один клик импортировать все доступные вам объекты в популярный органайзер IconJar для более удобного применения. Изображения предлагаются в двух стилях: со стандартным и жирным шрифтом, также вам удастся самостоятельно регулировать толщину их линий.

2. Iconstore

На сайте опубликовано более 220 паков цветных, контурных и символических изображений, скачать которые бесплатно и без регистрации может любой желающий. Каждый из них посвящен определенной тематике, возможно выбрать интересующую тему из списка категорий. Также паки снабжаются данными о количестве картинок и доступных форматах – большинство в SVG, но также встречаются EPS, AI, PSD, PNG. Система поиска позволит найти иконки по ключевым словам, а подписка поможет не пропустить свежие обновления.

3. Pixelicons

Доступно свыше 6500 изображений в трех стилях: цветном, контурном и выделенном жирным шрифтом. Все иконки можно скачать в самых разнообразных форматах, включая SVG, PNG, PSD, CSH, EPS, AI, PDF, WEB, SKETCH, а также мгновенно импортировать их в популярное тематическое приложение IconJar. 300 иконок предлагаются бесплатно, а за расширенный доступ придется заплатить 67$ или 97$. Все изображения разработаны с применением 16-пиксельной сеточной системы, еще пользователь может изменять их цвета, размеры, ориентацию, тени и штрихи.

4. Flaticon

Сервис предлагает клиентам обширную базу из 865 500 иконок, сгруппированных по 16 722 пакам. Здесь можно найти как бесплатные, так и премиум паки, все изображения загружены на сайт в наиболее актуальных форматах: SVG, PNG, PSD, Iconfont, EPS и BASE64. На главной странице FlatIcon размещаются популярные иконочные паки, например, за последний месяц или же за всё время. Есть возможность скачать иконки в векторном или растровом формате, в размере от 16px до 512px, а также придавать им разные цвета.

5. Iconfinder

Почти 2.5 миллиона иконок в формате SVG, как бесплатные, так и платные паки с определенным количеством изображений – каждый из них имеет свою цену, назначаемую разработчиком. Все объекты распределены по десяткам тематических категорий (всего их более 50), а также 12 стилям (от пиксельного и нарисованного от руки до мультипликационного и фотореалистичного). Платная подписка (за 19$ или 49$) дает доступ ко всем иконкам в разных форматах (SVG, IconJar, PNG) и позволяет использовать их в коммерческих целях.

6. Freepik

На этом сайте вы сможете бесплатно скачать не только иконки, но также векторы, иллюстрации, PSD файлы и стоковые фотографии, выбирая их среди десятков тематических разделов. Сейчас FreePik предлагает посетителям почти 100 000 бесплатных иконок, подходящих для личного или коммерческого применения и рассортированных более чем по 30 категориям. Их можно загружать в актуальных форматах PNG, SVG и EPS. Есть возможность отсортировать как самые популярные, так и только новые иконки.

7. Icons8

В каталоге вас ждет 69 900 иконок, доступных во всех популярных форматах (PNG, SVG, EPS, PDF) и различных размерах (48px, 96px, 480px и т.д.). Бесплатно предлагаются только иконки в PNG с предельным размером в 100х100px, за полный доступ к функционалу сайта придется платить 19.90$ в месяц. Все объекты тщательно распределены по тематикам, они соответствуют стандартам iOS, Android и Windows. Есть возможность перекрасить иконку в необходимый вам цвет, а также регулировать толщину ее линий.

8. Glyphish

Более 1600 иконок, разработанных в стиле Glyphish (версии 3, 4, 5, 6, 7, 8) и оптимально подходящих для любых iOS приложений. Пользователи могут скачать их в PNG (готовых к перемещению в Xcode), SVG, PDF, AI и PSD. 50 тестовых иконок доступны каждому желающему абсолютно бесплатно, а полный комплект изображений удастся приобрести за 99$. Иконки имеют широкие возможности для редактирования, полностью соответствуют официальным стандартам Apple и прекрасно отображаются на новейших дисплеях Retina.

9. Thenounproject

Администрация проекта обещает, что здесь вы найдете более миллиона оригинальных иконок, созданных дизайнерами со всего мира. Используя бесплатный аккаунт, вы будете вынуждены платить комиссию разработчику скачанной вами иконки. Платный аккаунт дает возможность использовать всю базу сайта за 9.99$ в месяц неограниченно без дополнительных расходов. Иконки доступны в форматах PNG и SVG, они подходят для целого ряда приложений от Apple, Google, Adobe, Microsoft, есть широкий выбор цветовых настроек.

10. Iconmonstr

В базе сервиса размещено свыше 4200 бесплатных иконок, рассортированных по 296 коллекциям. Пользователям доступны иконки в различных стилях: с жирными или тонкими линиями, пустыми или заполненными окружностями и рядом других дизайнерских вариаций. На сайте представлены различные форматы изображений, включая SVG, PNG, PSD и EPS, все они имеют небольшой вес, оптимально подходят для веб-сайтов и мобильных приложений. А встроенный генератор поможет вам с легкостью редактировать размеры, цвет и фон каждой иконки.

11. Futuramo

Здесь вы получите доступ к более чем 3000 векторных иконок, разработанных в 16 различных стилях. Каждый объект можно скачать в том или ином формате, включая PNG, SVG, SVG Icon Sheets для AI, SVG Sprites и Icon Webfonts. Все иконки идеально соответствуют 16-пиксельной сеточной системе, есть множество функций для изменения их расцветки, толщины линий и степени закругления углов. Также вы можете выбрать наиболее подходящую рамку из 24 доступных для каждого изображения.

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

Обзор сервисов с платными иконками

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

1. Creativemarket

Пользователям предлагается свыше 58 000 иконок в форматах SVG, PNG, JPG, PDF, PSD, EPS и AI, оптимально подходящих для оформления сайтов, соцсетей, инфографики и логотипов. На сайте можно найти иконки в различных стилях, (векторные, плоские, нарисованные от руки и т.д.) на те или иные тематики – от технологий до образования. Имеется удобная система поиска по ключевым словам, формату, цене и другим параметрам (самые свежие или популярные иконки и т.д.).

2. Iconsmind

На сайте размещено 2080 уникальных иконок, распределенных по 53 тематическим категориям в целом ряде форматов: SVG, EPS, AI, PSD, CSH, PNG и т.д. Объекты обладают высочайшим качеством, версия для iOS разработана с применением 30-пиксельной сеточной системы, а для Android – с 24-пиксельной. Полный доступ к базе со всеми возможными форматами обойдется в 79$, а за 59$ вы сможете скачивать иконки в EPS и AI. Есть широкие возможности для редактирования объектов, а лицензия IM позволяет без ограничений применять их в коммерческих целях.

3. Graphicriver

Посетителям этого онлайн супермаркета графики предлагается 17 500 иконок по цене от 2$ до 75$ за пак определенного объема. Например, за 75 долларов удастся приобрести комплект с 6150 объектами в 38 категориях. Вы сможете искать необходимые иконки по ряду критериев: тематике, цене, ключевым словам, рейтингу, новизне, количеству продаж и т.д. Каждый пак снабжен подробным описанием, превью иконок и перечнем доступных форматов (PSD, PNG, EPS, AI и т.д.), также можно выбрать тип лицензии.

4. Smashicons

На страницах сервиса доступно свыше 122 тысяч платных и бесплатных иконок, ежемесячно пополняемых новыми наименованиями. Вы легко сможете найти интересующий вас пак с иконками определенного стиля или тематики и скачать его за 19$ или же отдельную иконку всего за 1$. Выбрав платную подписку (за 50$/год или 149$ навсегда), вы получите полный доступ к возможностям сайта, включая все существующие форматы (JAR, SVG, AI, Sketch).

5. Pixellove

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

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

— PSD + EPS vector files
— PNG в 5 разных размерах: 48px, 64 px, 128px, 256px and 512px
Скачать

Новые иконки 128×128, 256×256, 48×48, 512×512, 64×64, EPS, PSD

Этот набор экологических иконок был создан в Adobe Illustrator CS5, как масштабируемые векторы, что позволяет использовать их в различных размерах без потери качества. Помимо масштабируемости иконки полностью редактируемые, что делает их идеально подходит для любого использования. Иконки доступны для использования в личных и коммерческих проектах.


Читать полностью…

Новые иконки AI, EPS

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

Читать полностью…

Новые иконки PNG

Сегодня мы рады выпустить набор из 20 высококачественных иконок электронной коммерции в 64 × 64px, доступны в .png формате. Этот набор был разработан для использования в электронной коммерции веб-сайтов . В комплект входят значки пустой корзины, полной корзины, кредитные карточки, доставка, оплата, подарки, бумажник и другие.

Скачать

Без рубрики

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

Читать полностью…

Новые иконки PNG

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

Читать полностью…

Новые иконки PNG

7 футбольных иконок к чемпионату Европы!

Скачать
Скачать с templay.de

Новые иконки 128×128, 64×64, PNG

Это безусловно один из лучших бесплатных сетов социальных иконок, которые вы когда либо видели в интернете!

Скачать
Скачать с templay.de

Новые иконки 128×128, 32×32, 64×64

Представляем вам 28 бесплатных иконок для веб-дизайнеров и блоггеров.

Скачать
Скачать с templay.de

Новые иконки 16×16, 32×32

Бесплатные иконки — Iconfinder

Логотипы и бренды

50 иконок

Лицензия Creative Commons (авторство 3.0 без портирования) автор: Альпар-Этеле Медер · Посетить сайт
Бизнес и аватар

11 иконок

Бесплатно для коммерческого использования

автор: Hopnguyen Mr
Основные элементы пользовательского интерфейса

50 иконок

Лицензия Creative Commons (авторство 3.0 без портирования) Стефан Тауберт
Фэнтези и ролевая игра — Приключенческий квест

Icon Archive — поиск 735 802 бесплатных значков, значков рабочего стола, значков загрузки, социальных значков, значков xp, значков vista

  • Просмотр ▼
    • По алфавиту
    • Новые наборы
    • Популярные наборы
    • Наборы векторных SVG
    • Самые посещаемые наборы
    • Самые большие наборы
    • Самое высокое разрешение
    • Выдающиеся наборы
    • Случайные наборы
    • Случайные иконки
    • Категории
    • Художники
    • Теги
    • Pixelart (классический стиль)
    • Лицензия: Бесплатная коммерческая
  • новейший
  • Популярное
  • SVG-иконок
  • Случайно
  • Категории ▼
    • Adobe Иконки
    • Иконы алфавита
    • Иконы животных
    • Apple Иконки
    • Значки приложений
    • Иконы искусства
    • Иконки аватаров
    • Иконы зданий
    • Бизнес-иконки
    • Мультфильм Иконки
    • Рождественские иконы
    • Компьютерные иконки
    • Иконы культуры
    • Иконки дисков
    • Иконы пасхальные
    • Иконки эмо
    • Иконки смайликов
    • Иконки флагов
    • Значки папок
    • Еда Иконки
    • Веселые иконки
    • Игровые иконки
    • Иконы Хэллоуина
    • Иконы, нарисованные от руки
    • Праздничные иконы
    • Детские иконки
    • Иконы образа жизни
    • Иконы любви
    • Медиа Иконки
    • Медицинские иконы
    • Иконки Microsoft
    • Мини-иконки
    • Мобильные иконки
    • Музыкальные иконки
    • Иконы природы
    • Иконки объектов
    • Люди Иконы
    • Фотографические иконы
    • Иконки мест
    • Иконы научной фантастики
    • Иконки социальных сетей
    • Спортивные иконки
    • Системные значки
    • Иконки технологий
    • Транспортные иконки
    • Иконки телевидения и кино
    • Винтажные иконы
  • Художники
  • ♥ Мои избранные

Поиск по 735 802 значкам / 2458 наборам значков

Значки поиска

Популярные теги: Стрелка , г. Дом , Почта , Телефон , Пользователь , Камера , Поиск , Деньги , Подарок , Еще

Обзор новейших наборов иконок

  • SVG

    Macaron (34 иконки)

    Рейтинг: 4.38 (проголосовало 34)

    Автор: Goescat
  • SVG

    Плоский бесплатный образец (40 иконок)

    Рейтинг: 4.20 (30 голосов)

    Автор: Чернила кальмара
  • SVG

    Офис (14 иконок)

    Рейтинг: 4.47 (45 голосов)

    Автор: Талита Торрес
  • 1024px

    Квадратные флажки (160 иконок)

    Рейтинг: 4.33 (18 голосов)

    Автор: Hopstarter
  • SVG

    Мировые флаги общественного достояния (347 иконок)

    Рейтинг: 4.26 (проголосовало 34)

    Автор: Авторы Википедии
  • 512 пикселей

    Рецепты (15 иконок)

    Рейтинг: 4.23 (35 голосов)

    Автор: Лимон Лю
  • SVG

    Ролевые игры (30 значков)

    Рейтинг: 4.63 (35 голосов)

    Автор: Chanut is Industries

  • © 2021 IconArchive.com
  • | Около
  • | Контакты
  • | Политика конфиденциальности
  • | Условия использования
Новинка: имена WiFi

    лучших бесплатных пакетов веб-иконок для загрузки

    Иконки Наталья Берч • 16 февраля 2018 • 6 минут ПРОЧИТАТЬ

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

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

    300+ иконок бесплатных технологий и мероприятий от Swifticons

    Набор значков материалов

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

    Иконки линий

    Linecons — Бесплатный пакет векторных иконок

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

    Конструктор шаблонов электронной почты в Интернете

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

    Попробуйте бесплатноДругие продукты

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

    Mmmicons от Mint

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

    Prometheus Free Icon Set от Тараса Шипки

    Сплошные и монохромные значки

    В отличие от обведенных значков, сплошные значки — лучшая альтернатива, когда дело доходит до интерфейсов с плохой контрастностью или большим количеством контента. Будучи визуально тяжелыми, они легко бросаются в глаза. Кроме того, они отлично подходят для модификаций, поскольку твердыми формами легче манипулировать. Взгляните на IOS 11 UI Elements Vol 1 от Jemis Mali и Interface Icons.

    Элементы пользовательского интерфейса iOS 11, том 1

    Халява от Джемиса Мали поставляется в двух отдельных томах, но красиво упакованных.Вместе они охватывают все элементы, необходимые для интерфейсов на базе iOS.

    Pack от EverydayTemplate содержит более 200 иконок, представленных в двух стилях: толстый контур и сплошной. Каждый элемент доступен в трех основных форматах — AI, EPS и PNG.

    Значки интерфейса

    красочные иконки

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

    Иконки интерфейса Dusk

    Пользовательский интерфейс

    Dusk более сложен и замысловат, чем Icon Set от Pixeden, в котором реализован скромный минималистичный подход. Еще он игривый и веселый, а второй — по-деловому и скромный.

    Набор цветных иконок

    В

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

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

    Pack от IconBunny порадует вас 14 стилистическими вариантами, включая как красочные, так и монохромные варианты.Каждый значок поставляется в трех форматах — CDR, EPS и PNG.

    иконок в пакете от InvisionApp имеют прекрасную художественную атмосферу, очень похожую на крошечные иллюстрации. Художник подготовил бесплатные подарки в шести форматах — AI, EPS, JPG, PDF, PNG и SVG — и трех стилистических вариантах — с заливкой, плоским и контурным.

    Значки радикальной науки

    Анимированные иконки

    Анимированные иконки занимают особое место в нашей коллекции. Медленно, но верно мы привыкаем к динамическим элементам в интерфейсах, таким как эффекты наведения, параллакс и анимированные значки.Небольшой комплект от Icons8 создан для нестатической догмы. Есть 60 динамичных элементов в элегантном стиле линий, которые идеально подходят для дизайна, вдохновленного строительными материалами.

    Небольшой сверток от Icons8

    Как правило, в первую очередь приходят в голову форматы PNG, AI, PSD, EPS и Sketch. Однако есть еще два варианта, которые не только актуальны, но и больше подходят для многих проектов. Это SVG и WOFF или TTF.

    SVG иконок

    Несмотря на то, что SVG датируется 2000 годом, он стал популярным только недавно, благодаря его способности масштабироваться до любого размера без потери качества.Поскольку это формат на основе XML, его можно легко искать, индексировать, сжимать и даже анимировать. Рассмотрим:

    • Простые значки: набор ориентирован на бренды. Здесь вы можете найти массу известных логотипов, выполненных в четких твердых формах.
    • Иконки с перьями: в пакете представлены различные значки, которые выглядят изысканно и тонко.
    • Evil Icons: это набор многоцелевых SVG-иконок. Хотя он довольно маленький, но его можно использовать через Rails, Sprockets, Node.js, Gulp, Grunt и CDN.

    Простые значки

    Иконки с перьями

    Evil Icons

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

    PathLove

    Иконочные шрифты

    Шрифты

    Icon отлично подходят по многим причинам. Во-первых, вы можете устанавливать стили с помощью CSS без Photoshop или другого программного обеспечения для редактирования изображений.Графика будет отлично смотреться на любом устройстве любого размера. Это элегантный способ использования иконографии. Хотя решение ограничено отсутствием разнообразия и стилистического выбора. Но для многих проектов этого достаточно. В нашем списке несколько веб-шрифтов.

    Fontisto

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

    Джем

    Jam — еще один веб-шрифт с огромной коллекцией идеальных до пикселя иконок.В нем 422 предмета, выполненных в изысканном дизайне. Он разделен на такие группы, как Интернет, маршруты, видео / аудио, текст и социальные сети.

    Bicon и Devicons — менее впечатляющие наборы иконок, но все же они полезны. Оба бесплатных предложения включают около 200 наименований. В то время как Devicons немного тривиален, внутри Bicon есть несколько интересных символов, таких как нло, дерево, видеокамера и т. Д.

    Bicon

    Девиконы

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

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

    Нравится то, что вы читаете? Подпишитесь на наши главные новости.

    изображений, фотографий и векторных изображений значков

    В настоящее время вы используете старую версию браузера, и ваш опыт работы может быть не оптимальным.Пожалуйста, подумайте об обновлении. Учить больше. ImagesImages homeCurated collectionsPhotosVectorsOffset ImagesCategoriesAbstractAnimals / WildlifeThe ArtsBackgrounds / TexturesBeauty / FashionBuildings / LandmarksBusiness / FinanceCelebritiesEditorialEducationFood и DrinkHealthcare / MedicalHolidaysIllustrations / Clip-ArtIndustrialInteriorsMiscellaneousNatureObjectsParks / OutdoorPeopleReligionScienceSigns / SymbolsSports / RecreationTechnologyTransportationVectorsVintageAll categoriesFootageFootage homeCurated collectionsShutterstock SelectShutterstock ElementsCategoriesAnimals / WildlifeBuildings / LandmarksBackgrounds / TexturesBusiness / FinanceEducationFood и DrinkHealth CareHolidaysObjectsIndustrialArtNaturePeopleReligionScienceTechnologySigns / SymbolsSports / RecreationTransportationEditorialAll categoriesMusicMusic ГлавнаяПремиумBeatШаблоныШаблоныДомашняя страницаСоциальные медиаШаблоныFacebook ОбложкаFacebook Mobile CoverInstagram StoryTwitter BannerYouTube Channel ArtШаблоны печатиВизитная карточкаСертификатКупонFlyerПодарочный сертификатРедакцияГлавная редакцияEnterta inmentNewsRoyaltySportsToolsShutterstock EditorMobile appsPluginsImage resizerFile converterCollage makerColor schemesBlogBlog homeDesignVideoContributorNews
    PremiumBeat blogEnterprisePricing

    Вход

    Зарегистрироваться

    Меню

    FiltersClear allAll изображений
    • Все изображения
    • Фото
    • Vectors
    • Иллюстрации
    • Editorial
    • Видеоматериал
    • Музыка

    • Поиск по изображению

    icon

    Сортировать по

    Самые релевантные

    Свежий контент

    Тип изображения

    Все изображения

    Фото

    Векторы

    Иллюстрации

    Ориентация

    W3.CSS Иконки



    Библиотеки значков

    С W3.CSS вы можете использовать любую библиотеку значков, например:

    • Font Awesome Icons
    • Иконки Google Material Design
    • Иконки начальной загрузки

    Использование библиотеки значков

    Для вставки значка:

    1. Включите библиотеку значков из CDN (сети доставки контента) в раздел.
    2. Добавьте имя класса значка к любому встроенному элементу HTML.

    Совет: Элементы и широко используются для добавления иконы.

    Для управления размером значка измените свойство font-size значка или используйте один из w3- размер классы:

    • W3-крошечный
    • W3-малый
    • W3 большой
    • w3-xxlarge
    • w3-xxxlarge
    • W3-Jumbo

    Некоторые иконки Font Awesome


    fa fa-home


    fa fa-bar


    fa fa-arrow-left


    fa fa-стрелка вправо


    fa fa-search


    fa fa-close


    fa fa-refresh


    fa fa-trash


    fa fa-male


    fa fa-car


    fa fa-грузовик


    fa fa-plane

    Пример



    W3.CSS






    Попробуй сам »

    Некоторые значки Google Material Design

    дом
    дом

    меню
    меню

    arrow_back
    arrow_back

    arrow_forward
    arrow_forward

    поиск
    поиск

    закрыть
    закрыть

    обновить
    обновить

    удалить
    удалить

    человек
    человек

    направления_машина
    направлений_машина

    local_shipping
    local_shipping

    local_airport
    local_airport

    Пример



    W3.CSS


    главная
    поиск
    облако
    удалить


    Попробуй сам »

    Некоторые значки начальной загрузки


    дом


    меню-гамбургер


    arrow_back


    arrow_forward



    поиск


    удалить


    обновить


    мусор


    Пример



    W3.CSS






    Попробуй сам »

    Иконки Интернета

    18 декабря 2013 г. : Проект Nmap рад представить наш новый и улучшенный проект Иконок Интернета ! Поскольку наше бесплатное программное обеспечение Nmap Security Scanner с открытым исходным кодом предназначено для исследования сетей в массовом масштабе, мы начали со сканирования миллиона лучших веб-сайтов за 2013 год (согласно рейтингу аналитической компании Alexa).Затем мы загрузили значок каждого сайта — маленький значок, отображаемый рядом с названием сайта в закладках и вкладках браузера.

    Мы масштабировали значки пропорционально ежемесячному охвату (популярности) каждого сайта и поместили их в гигантский коллаж. Самые маленькие значки — для сайтов, которые ежемесячно посещает всего 0,00004% интернет-пользователей — имеют квадрат 256 пикселей (16×16). Самый большой значок (Google) — 394 миллиона пикселей. Весь коллаж 5 гигапикселей.

    Это обновление аналогичного проекта, который мы выполняли в 2010 году.Это издание оказалось очень популярным. Об этом написали в New York Times и на других сайтах, выставили в Newseum в Вашингтоне, округ Колумбия, и даже попали в Книгу рекордов Гиннеса (подробнее см. В разделе для прессы). Интересно сравнить новые данные со старыми, чтобы увидеть, как Интернет развивался в последние годы.

    Поскольку ваш веб-браузер, скорее всего, захлебнется 5-гигапиксельным изображением, мы создали интерактивную программу просмотра ниже. Он разделен на 813 200 небольших файлов, которые загружаются только по мере необходимости в зависимости от вашего местоположения и уровня масштабирования.Щелкните и перетащите, чтобы панорамировать, и используйте колесо мыши (или панель инструментов) для увеличения. Для увеличения с помощью колеса мыши вам может потребоваться сначала взаимодействовать со зрителем (например, перетащить что-нибудь). Новая функция этого года позволяет навести указатель мыши на значок, чтобы увидеть название сайта. Вы также можете нажимать на значки, чтобы посетить реальные сайты, но будьте осторожны! Даже сайты с симпатичными иконками (как мультик хомячок) могут быть порнографическими или хуже. Мы также добавили возможность полноэкранного просмотра.

    Чтобы найти свой любимый сайт (или свой собственный), введите имя домена (пример: reddit.com) и нажмите поиск.

    Наш проект Favicon 2010 имел огромный успех, и эти данные все еще доступны для просмотра здесь. Конкурентоспособная экосистема Интернета постоянно развивается, и за эти три года произошли кардинальные изменения. В мире социальных сетей и блогов Myspace, Orkut и Hi5 рухнули почти до нуля, в то время как Facebook, LinkedIn и Twitter набрали силу. Pinterest, Tumblr, Sina Weibo и Instagram быстро превратился из ничего в доминирующую силу. В поисках, Google, и Спросите лучше, пока Yahoo пострадала.Китайская поисковая система Baidu / Hao123 значительно выросла после того, как Google закрыл свой китайский сервис. В СМИ Youtube завоевал популярность, в то время как пиратские сайты Megaupload, MegaVideo и Rapidshare вскочил с доски.

Comments