MAX логотип (светлая тема)
Логотип MAX для светлого фона
Иконки MAX — скачать SVG, PNG, размеры и версии
Официальные размеры, форматы и версии иконок MAX для дизайнеров и разработчиков.
Иконки и логотипы
MAX логотип (тёмная тема)
Логотип MAX для тёмного фона
MAX иконка (цветная)
Цветная иконка приложения MAX
Таблица размеров
Рекомендуемые размеры для пиксельной сетки, Retina, favicon и иконок приложений.
| Размер | Назначение |
|---|---|
| 16×16 | Favicon, мелкие элементы UI |
| 24×24 | Кнопки, тулбары |
| 32×32 | Стандартная иконка в интерфейсе |
| 48×48 | Крупные кнопки, мобильные |
| 64×64 | Элементы списков, превью |
| 128×128 | Retina @2x для 64px |
| 256×256 | Иконка приложения (macOS/Windows) |
| 512×512 | PWA, высокое разрешение |
| 1024×1024 | App Store, маркетплейсы |
Пиксельная сетка: выравнивайте иконки по сетке выбранного размера для чёткости на экранах.
Retina: для экранов с высокой плотностью используйте размеры в 2× (например, 64px вместо 32px).
Favicon: обычно 16×16 или 32×32; для мультиразрешения — несколько размеров в ICO или PNG.
Иконка приложения: 256×256 и выше для десктопа; 1024×1024 для магазинов приложений.
Примеры кода
HTML
<img src="/icons/Max_logo.svg" alt="Иконка MAX" width="32" height="32">SVG inline
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 720" width="32" height="32">…</svg>React
function MaxIcon(props) {
const { width = 32, height = 32 } = props;
return (
<img src="/icons/Max_logo.svg" alt="MAX" width={width} height={height} />
);
}CSS background
.max-icon {
background: url('/icons/Max_logo.svg') center/contain no-repeat;
width: 32px;
height: 32px;
}Тёмная тема (prefers-color-scheme)
.max-icon {
background: url('/icons/Max_logo.svg') center/contain no-repeat;
}
@media (prefers-color-scheme: dark) {
.max-icon {
background-image: url('/icons/Max_logo_black.svg');
}
}Частые вопросы
-
Что такое MAX мессенджер?
MAX — российский мессенджер от VK. Иконки и логотипы MAX используются в интерфейсах и на сайтах для обозначения связи или кнопки «Написать в MAX».
-
Где скачать иконки MAX бесплатно?
На этой странице можно бесплатно скачать иконки и логотип MAX в форматах SVG и PNG в нужных размерах.
-
Можно ли использовать логотип MAX в коммерческих проектах?
Использование логотипов и товарных знаков регулируется правообладателем (VK). Для коммерческого использования уточняйте условия на официальном сайте MAX.
-
Какие размеры нужны для favicon?
Обычно достаточно 16×16 и 32×32. Для Retina добавляют 48×48. Иконки в этих размерах доступны в разделе «Иконки» выше.
-
Как вставить SVG иконку в React?
Можно использовать тег <img src="/icons/Max_logo.svg" alt="MAX" width=32 height=32 /> или импортировать SVG как компонент через сборщик (Vite, Create React App).
Для дизайнеров
SVG-файлы подходят для Figma и других редакторов: сохраняют вектор, масштабируются без потери качества. Используйте светлую версию на тёмном фоне и тёмную — на светлом для контраста.