icons

Limited availability

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

型	配列 (`Array`)
必須	はい

icons メンバーは、様々なコンテキストでアプリケーションアイコンとして機能する画像ファイルを表すオブジェクトの配列を指定します。例えば、他のアプリケーションのリストの中でウェブアプリケーションを表現したり、ウェブアプリケーションを OS のタスクマネージャーやシステム環境設定と統合したりするために使用することができます。

例

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`	画像の目的を定義します。例えば、画像がホスト OS の特定の場面で、特別な目的を果たすことを意図している場合などです (すなわち、よりよく統合するため)。 `purpose` は以下の値を 1 つ以上、空白で区切って指定することができます。 `monochrome`: ユーザーエージェントは、このアイコンを、塗りつぶしのあるモノクロのアイコンが必要なときに表示することができます。アイコンの色情報は破棄され、アルファデータのみが使用されます。アルファデータのみが使用されます。このアイコンは、ユーザーエージェントが塗りつぶしのマスクのように使うことができます。 `maskable`: 画像がアイコンのマスクと安全領域に配慮して設計されており、画像の安全領域外の部分をユーザーエージェントが無視したりマスクしたりしても安全になるようになっています。 `any`: ユーザーエージェントはどのような場合でも、自由にこのアイコンを表示することができます (これが既定値です)。

仕様書

Specification
Web Application Manifest # icons-member

ブラウザーの互換性

BCD tables only load in the browser