Значок ico: Бесплатные иконки SVG, PNG, ICO или ICNS

Иконки продуктов — СКБ Контур

У большинства продуктов Контура есть собственные иконки. Они выполнены как единый набор, и гармонично сочетаются между собой и остальными элеметнами фирменного стиля.

Иконки в Figma

Использование

Иконки продуктов используются в следующих случаях:

  • Списки продуктов;
  • Фавиконки и touch-иконки сайтов;
  • Иконки мобильных и десктоп-приложений;
  • Аватарки продуктов в соцсетях
  • Другие случаи, когда текстовый логотип неприменим.

Иконка — не логотип

Иконка продукта не является логотипом или его частью. Нельзя использовать конструкцию «иконка + текстовый логотип».

Стили иконок

Дефолтный

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

Symbol

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

Glyph

Специальная версия, где линия — вырез. Используется в маленьких фавиконках.

Специальные версии

 

Для круглых аватарок

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

Фавиконки и Touch-иконки

Для маленьких фавиконок используется стиль «Glyph», где линия — это прозрачный вырез, принимающий цвет фона. Такая фавиконка выгодно смотрится сразу в светлой и темной теме браузера. Для больших Touch-иконок используется дефолтный стиль в версии без скруглений у плашки (браузеры обернут их в свои скругления).

Мобильные приложения

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

Рабочий стол Windows

Используется дефолтный стиль. По умолчанию для всех продуктов доступен ICO-файл, в который включены размеры 16, 32, 48 px. Другие размеры готовятся по запросу.

Размеры

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

Палитра

Продуктовые иконки используют собственную палитру, которая немного отличается от оттенков «Basic (60)» из общей палитры. В ней цвета приведены к более общему тону, чтобы в списках продуктов явно не было более темных/светлых иконок.

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

Сервер статики

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

Выбираем правильный размер и формат иконок

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

Windows 16×16, 24×24, 32×32, 48×48, 256×256
Mac OS X 16×16, 32×32, 64×64, 128×128, 256×256, 512×512, 1024×1024
Linux 16×16, 24×24, 48×48, and 96×96
iOS 6 29×29, 50×50, 57×57, 58×58, 72×72, 100×100, 114×114, 144×144, 1024×1024
iOS 7 29×29, 40×40, 58×58, 60×60, 76×76, 80×80, 120×120, 152×152, 1024×1024
Android 36×36, 48×48, 72×72, 96×96, 512×512
Windows Phone 62×62, 99×99, 173×173, 200×200

 

Размеры иконок для Windows Vista, Windows 7 и Windows 8

Иконки приложений и иконки Панели управления

Иконки должны быть в формате . ico.
Полный набор должен включать следующие размеры:

  • 16×16
  • 32×32
  • 48×48
  • 256×256
Иконки для Windows 8 (Metro Design)
  • Иконка приложения 30х30, 50×50, 150×150
  • Иконки панели инструментов 26х26
Панель инструментов

Необходимые размеры: 16×16, 24×24, 32×32.
Помните, иконки должны быть плоскими даже в максимальном размере 32×32.

Диалоговые окна и помощники

Необходимые размеры: 32×32 и 48×48

 

Размеры иконок для Mac OS X

Иконка приложения

Если вы хотите быть уверены, что ваша иконка будет смотреться одинаково хорошо на экранах любого разрешения, необходимо создать ее в следующих размерах:

  • 1024×1024
  • 512×512
  • 256×256
  • 128×128
  • 64×64
  • 32×32
  • 16×16
Панели инструментов

оздавайте иконки в стандартном и высоком разрешении (для мониторов с «Ретина» дисплеем). Необходимо подготовить два размера иконок:

  • 32×32
  • 32×32@2x (64×64)

Сохраняйте иконки в формате PNG.

Боковое меню

Создавайте иконки в трех размерах:

  • 16×16
  • 18×18
  • 32×32 пиксела (если используете PDF)

Если вы сохраните иконки для бокового меню в формате PDF, что рекомендуется компаниемй Apple, OS X автоматически изменит размер вашей иконки для мониторов высокого разрешения. Если же вы сохраняете иконки в формате PNG, необходимо подготовить следующие размеры:

  • 16×16
  • 16×16@2x
  • 18×18
  • 18×18@2x
  • 32×32
  • 32×32@2x

 

Иконки для Linux

Размеры иконок согласно Руководству GNOME.

В Linux используются трехмерные иконки.

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

Объект и документ 24×24,48×48, and 96×96
Иконка приложения 24×24,48×48
Панель инструментов
24×24,48×48
Меню 16×16

 

iOS 6

iPhone и iPod Touch
Описание Стандартное разрешение Высокое разрешение (Ретина дисплей)
Иконка приложения 57×57 114×114
Настройки 29×29 58×58
Поиск 29×29 58×58
Иконка приложения для интернет магазина Apple 512×512 1024×1024
iPad
Описание Стандартное разрешение
Высокое разрешение (Ретина дисплей)
Иконка приложения 72×72 144×144
Настройки 29×29 58×58
Поиск 100×100 50×50
Иконка приложения для интернет магазина Apple 512×512 1024×1024

 

iOS 7

iPhone и iPod Touch
Описание Размер иконки
Иконка приложения 120×120
Настройки 58×58
Поиск 80×80
Иконка приложения для интернет магазина Apple 1024×1024
iPad
Описание Стандартное разрешение Высокое разрешение (Ретина дисплей)
Иконка приложения 76×76 152×152
Настройки 29×29 58×58
Spotlight Icon 80×80 40×40
App icon for the App Stores 1024×1024 1024×1024

 

Android

Иконка приложения
Интернет магазин Google 512×512
Очень высокое разрешение (xhdpi) 96×96
Высококе разрешение (hdpi) 72×72
Среднее разрешение (mdpi) 48×48
Низкое разрешение (ldpi) 36×36
Панель действий
Самое высокое разрешение (xhdpi) 96×96
Очень высокое разрешение (xhdpi) 64×64
Высокое разрешение (hdpi) 48×48
Среднее разрешение (mdpi) 36×36

 

Windows Phone

Минуточку внимания: советуем брать плоские иконки в нашем новом проекте Icons8. Их 35000 и ежедневно появляются новые.

Иконка приложения
Необходимые икнки в пакете XAP Размер иконки
Иконка приложения 62×62
Плитка под иконкой приложения 173×173
Иконки для интернет магазина Windows
Icon Size
Иконка приложения для мобильного интернет магазина Windows (маленькая) 99×99
Иконка приложения для мобильного интернет магазина Windows (маленькая) 173×173
Иконка приложения для настольного интернет магазина Windows 200×200

Иконки файлов Ico скачать бесплатно

Расширенный поиск Запросить дизайн

[ Иконки ] Дизайн иконок ( 53,72 КБ )

Ага-Софт

[Значки] Файлы Файл разработчика ( 133,87 КБ )

Бенжигарнер (Винсент Гарнье)

[ Иконки ] Файлы Файл фильма ( 51,35 КБ )

Шон Пун

[Значки] Файлы ( 62,46 КБ )

Делекет (Джоджо Мендоса)

[Значки] My Flash Files (58,32 КБ)

Делекет (Джоджо Мендоса)

файлы ico ico files recycle ico icon pc ico refresh ico building ico vista ico usb ico coffee ico new ico home ico money ico recycle ico down file ico free ico icons twitter ico галерея ico

[Значки] ICO ( 36,36 КБ )

Пользовательский дизайн значков

[ Иконки ] Файлы Загрузить файл ( 88,48 КБ )

Шон Пун

[Значки] Файлы Файл ( 46,74 КБ )

Шон Пун

[Значки] Мои файлы SWF (59,73 КБ)

Делекет (Джоджо Мендоса)

[Значки] Мои файлы Adobe PDF (55,74 КБ)

Делекет (Джоджо Мендоса)

[ Иконки ] Файлы Веб-файл ( 128,51 КБ )

Бенжигарнер (Винсент Гарнье)

[ Иконки ] Файлы Файл изображения ( 128,57 КБ )

Бенжигарнер (Винсент Гарнье)

[Значки] Файлы Файл настроек ( 67,39 КБ )

Шон Пун

[ Иконки ] Файлы Скачать файл ( 88,44 КБ )

Шон Пун

[Значки] Мои файлы Adobe Photoshop ( 65,86 КБ )

Делекет (Джоджо Мендоса)

[Значки] Файлы Векторный файл (70. 00KB)

Бенжигарнер (Винсент Гарнье)

[Значки] Файлы Файл шрифта ( 95,13 КБ )

Бенжигарнер (Винсент Гарнье)

[Значки] Файлы Новый файл (81,17 КБ)

Шон Пун

[ Иконки ] Файлы Редактировать файл ( 60,94 КБ )

Шон Пун

[Значки] Мои файлы Fireworks ( 60,24 КБ )

Делекет (Джоджо Мендоса)

[ Иконки ] Файлы Текстовый файл ( 121,28 КБ )

Бенжигарнер (Винсент Гарнье)

[Значки] Файлы Файл ( 61,17 КБ )

Бенджигарнер (Винсент Гарнье)

[Значки] Файлы Музыкальный файл ( 61,15 КБ )

Шон Пун

[Значки] Файлы Копировать файл ( 60,14 КБ )

Шон Пун

[Значки] Мои файлы Dreamweaver ( 61,87 КБ )

Делекет (Джоджо Мендоса)

Загрузка дополнительных элементов, пожалуйста, подождите. ..

Загрузка дополнительных элементов, подождите…

Критерий поиска:

Тип поиска:

Совпадение с любымСовпадение со всеми

Искать в:

ВекторыИконкиФотоШрифтыШаблоны сайтовPSD

Лицензия:

Все лицензииРазрешить коммерческое использование

Результат сортировки:

Сначала лучшее совпадениеСначала новыеСначала много загрузокСначала меньше загрузок

  • Дом
  • Лицензии
  • Срок
  • Конфиденциальность
  • О
  • Связаться с

Конвертируйте изображение в формат ICO

Перетащите файлы сюда

Введите URL Дропбокс Google Диск

Размер изменения: «/>

Ширина:

пикс.

Высота:

пикс.

Применить цветовой фильтр: без измененийОттенки серогоМонохромныйОтменить цветаРетроСепия

Улучшить Резкость Сглаживание Удаление пятен Уравнять Нормализовать Устранение перекоса «/> Нет многослойного

Удалить фон

Точек на дюйм:

точек на дюйм

Обрезать пиксели от:

Верх:

пикс.

Низ:

пикс.

Слева:

пикс.

Справа:

пикс.

Установить черно-белый порог: Usually, we automatically detect this value. Here, you have the option to define your own value. Values between 0 and 255 are possible.»/>

Информация: Пожалуйста, включите JavaScript для корректной работы сайта.

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

Если вы хотите создать favicon.ico, вам нужно только установить размер 16×16 пикселей с помощью этого инструмента.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *