Skip to Content

Гайдлайны

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

iOS

  • Форма: суперэллипс (Squircle). В Zapicon включите Squircle.
  • Размеры: 20×20 @2x/@3x до 1024×1024 @1x.
  • Безопасная зона: сюжет примерно в центральных 66%.
  • Фон: без прозрачности; iOS заливает всю иконку.
  • Стиль: просто, по центру, по возможности без текста.

Android

  • Форма: adaptive маскирует устройство. Передний план не касается краёв.
  • Размеры: 48×48 mdpi до 192×192 xxxhdpi.
  • Безопасная зона: важное внутри круга диаметром ~66%.
  • Слои: Zapicon отдаёт PNG переднего плана. Фон adaptive — в Android-проекте.
  • Стиль: Material любит жирные формы и ясный силуэт.

macOS

  • Форма: скруглённый прямоугольник, мягче iOS Squircle.
  • Размеры: 16×16 @1x/@2x до 512×512 @1x/@2x.
  • Стиль: на больших размерах можно больше деталей — Dock и Finder до 512 px.
  • ICNS: Zapicon собирает сам.

Windows

  • Форма: квадрат или прозрачный фон; UWP маскирует, Win32 нет.
  • Размеры: 16×16–256×256 в одном ICO.
  • Стиль: читается при 16×16 в панели задач и заголовке.
  • ICO: все стандартные размеры внутри.

Web

  • Favicon: 16×16, 32×32 или SVG. Zapicon — multi-size ICO.
  • Apple touch icon: PNG 180×180 для закладок iOS.
  • PWA: PNG 192×192 и 512×512, прозрачный или сплошной фон.
  • Стиль: favicon обязан жить при 16×16.

Tauri

Выберите Tauri, выгрузите набор, скопируйте в папку иконок проекта.

Flutter

Flutter — Android и iOS за один проход. Фон adaptive настраивается в Flutter-проекте отдельно.

Гайды в Zapicon

Включите Гайдлайны в редакторе:

  • Сетка Apple
  • Adaptive-сетка Android
  • Сетка Windows Fluent
  • Спираль золотого сечения
  • Пиксельная сетка

Выравнивание, не выходя из редактора.

Обновлено