icons

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Type Array
Mandatory Yes
Example
json
"icons": [
  {
    "src": "icon.webp",
    "sizes": "48x48",
    "type": "image/webp"
  }
]

icons Определяет массив объектов изображений, которые могут использованы как иконки приложения в различных контекстах. К примеру, они могут быть использованы для представления приложения среди списка других приложений или для интеграции его с переключателем задач ОС и/или настроек системы.

Примеры

json
"icons": [
  {
    "src": "icon/lowres.webp",
    "sizes": "48x48",
    "type": "image/webp"
  },
  {
    "src": "icon/lowres",
    "sizes": "48x48"
  },
  {
    "src": "icon/hd_hi.ico",
    "sizes": "72x72 96x96 128x128 256x256"
  },
  {
    "src": "icon/hd_hi.svg",
    "sizes": "72x72"
  }
]

Значения

Объекты изображений могут содержать следующие значения:

Параметр Описание
sizes Строка, содержащая разделённые пробелами размеры изображения.
src Путь к файлу изображения. Если src является относительным URL, основным URL будет URL манифеста.
type

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

purpose

Определяет назначение изображения, например, если изображение предназначено для каких-то особых целей в контексте ОС (т. е. для лучшей интеграции)

purpose может иметь одно из следующих значений:

  • badge: Пользовательский агент может представить этот значок там, где ограничения пространства и/или требования к цвету отличаются от таковых для значка приложения.
  • maskable: Изображение разработано с учётом масок значков и безопасной зоны, так что пользовательский агент может безопасно игнорировать и маскировать любую часть изображения за пределами безопасной зоны.
  • any: Пользовательский агент может отображать значок в любом контексте (это значение по умолчанию).

Спецификации

Specification
Web Application Manifest
# icons-member

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
icons

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.