Иконки продуктов — СКБ Контур
У большинства продуктов Контура есть собственные иконки. Они выполнены как единый набор, и гармонично сочетаются между собой и остальными элеметнами фирменного стиля.
Иконки в 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 пикселей с помощью этого инструмента.