Иконки MAX Тёмная тема

Иконки MAX

Иконки MAX — скачать SVG, PNG, размеры и версии. Официальные форматы, габариты и варианты иконок MAX для специалистов по дизайну и разработке.

Скачать SVG Скачать PNG Посмотреть размеры Скопировать код

Иконки и логотипы

MAX логотип (светлая версия)

Вариант логотипа MAX, оптимизированный для размещения на светлом фоне.

MAX логотип светлая версия
Скачать ZIP-пак Скачать SVG Скачать PNG
Скопировано
Доступные размеры PNG:

MAX логотип (тёмная версия)

Вариант логотипа MAX для использования на тёмном фоне.

MAX логотип тёмная версия
Скачать ZIP-пак Скачать SVG Скачать PNG
Скопировано
Доступные размеры PNG:

Таблица размеров

Актуальные размеры для работы с пиксельной сеткой, Retina-дисплеями, favicon и иконками приложений.

РазмерПрименение
16×16Favicon, небольшие элементы интерфейса
24×24Панели инструментов, кнопки
32×32Стандартное отображение в UI
48×48Мобильные элементы, крупные кнопки
64×64Списки, превью-изображения
128×128Retina @2x для 64px
256×256Иконка приложения на macOS и Windows
512×512PWA-приложения и высокое разрешение
1024×1024App Store, Google Play, маркетплейсы

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

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

Favicon: стандартные размеры 16×16 и 32×32, лучше использовать ICO или набор PNG.

Иконка приложения: для десктопа от 256×256, для маркетплейсов 1024×1024.

Примеры кода

HTML
<img src="/icons-pack/max-icons/colored/MAX.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({ width = 32, height = 32 }) {
  return <img src="/icons-pack/max-icons/colored/MAX.svg" alt="MAX" width={width} height={height} />;
}
Vue
<template>
  <img src="/icons-pack/max-icons/colored/MAX.svg" alt="MAX" :width="size" :height="size" />
</template>

<script setup>
const size = 32;
</script>
Next.js
import Image from 'next/image';

export function MaxIcon({ size = 32 }) {
  return (
    <Image src="/icons-pack/max-icons/colored/MAX.svg" alt="MAX" width={size} height={size} />
  );
}
CSS background
.max-icon {
  background: url('/icons-pack/max-icons/colored/MAX.svg') center / contain no-repeat;
  width: 32px;
  height: 32px;
}
Тёмная тема (prefers-color-scheme)
.max-icon {
  background: url('/icons-pack/max-icons/colored/MAX.svg') center / contain no-repeat;
}

@media (prefers-color-scheme: dark) {
  .max-icon {
    background-image: url('/icons-pack/max-icons/white/white-max-icon.svg');
  }
}

Часто задаваемые вопросы

Что представляет собой мессенджер MAX?
MAX — отечественный мессенджер от компании VK. Логотипы и иконки MAX применяются в интерфейсах сайтов и приложений для обозначения интеграции или кнопки связи.
Как бесплатно скачать иконки MAX?
На этой странице доступна бесплатная загрузка иконок и логотипа MAX в форматах SVG и PNG в популярных размерах.
Разрешено ли коммерческое использование логотипа MAX?
Использование товарных знаков регулируется правообладателем. Перед коммерческим применением ознакомьтесь с условиями на официальном сайте MAX.
Какой размер favicon считается оптимальным?
Для большинства случаев достаточно 16×16 и 32×32. Для Retina-дисплеев рекомендуется добавить 48×48.
Как подключить SVG-иконку в проекте на React?
Используйте <img src="/icons-pack/max-icons/colored/MAX.svg" alt="MAX" width={32} height={32} /> или импортируйте SVG как компонент через сборщик.

MAX-WIDGET.RU — неофициальный ресурс. Все иконки и логотипы MAX являются собственностью правообладателя.