アイコンは、シンプルなテーマ別のグラフィックを通じてアクションや概念を視覚的に表現するために使用されます。
デフォルトアイコンの図
アイコンは、アクション、ステータス、および概念を表すために使用されるシンプルな視覚的シンボルです。周囲の UI から色とスタイルを自動的に継承し、エクスペリエンス全体で視覚的な一貫性を維持します。
重要: アイコンのイラストはワークスペースに適用され、 コア UI ではサポートされていません。
図 : 1. デフォルトアイコンの図の例
アイコンが他のデフォルト図と異なる方法
- アイコンには明示的な色は表示されません。それらは白黒でレンダリングされます。
- アイコンは、スタイル (アウトライン/塗りつぶし) とサイズ (小、中、大、特大) によって編成されます。
- アイコンの色は、関連付けられているコンポーネントに応じて異なります。
- アイコンライブラリには約 800 個のアイコンが含まれており、メインステージにページネーションされたグループで表示されます。
カスタム画像
カスタム画像を テーマビルダー にアップロードして、デフォルトのアイコンを置き換えます。
アイコンの基本イメージを置き換えると、 テーマビルダー 自動的に縮小され、すべてのサイズに適用されます。より詳細に制御したい場合は、各サイズを独自のカスタム ファイルで個別に上書きして、重要な場所で明確さと一貫したストロークの太さを確保できます。
4 つのファイルサイズのそれぞれのサイズと形式の制限は次のとおりです。
表 : 1. 小さい画像サイズと形式の制限
| フィールド |
説明 |
| ディメンション制限 |
W12 × H12 px |
| フォーマット |
SVG |
| ファイルサイズ制限 |
2 メガバイト |
表 : 2. 中サイズの画像サイズと形式の制限
| フィールド |
説明 |
| ディメンション制限 |
W16 × H16 px |
| フォーマット |
SVG |
| ファイルサイズ制限 |
2 メガバイト |
表 : 3. 大きな画像サイズと形式の制限
| フィールド |
説明 |
| ディメンション制限 |
W24 × H24 px |
| フォーマット |
SVG |
| ファイルサイズ制限 |
2 メガバイト |
表 : 4. 特大/基本画像のサイズと形式の制限
| フィールド |
説明 |
| ディメンション制限 |
W32 × H32 px |
| フォーマット |
SVG |
| ファイルサイズ制限 |
2 メガバイト |