Icon (アイコン)
Icon コンポーネント シンボルは、製品に「いいね」などのシンプルなインタラクションをトリガーしてユーザーに情報をグラフィックで表示します。既に提供されている Material Icons の中から選択するか、必要なものを Figma の Icons
ページまたは Indigo.Design System の Sketch の 🎨 Material Icons
ページに追加することができます。そしてこちらで唯一の条件です アイコンを使用するには、それがコンポーネントまたはシンボルである必要があります。キットに追加するアイコンを選択する際は、十分に注意することを強くお勧めします。それらの間で最高の視覚的一貫性を確保するために、一貫性を維持することが重要です。Icon は、Ignite UI for Angular Icon コンポーネントと視覚的に同じです。
Icon のデモ
サイズ
Icon のサイズは 4 つあります。
- ExtraLarge
- Large
- Medium
- Small
スタイル設定
Icon は、まざまなオプションを通じて選択可能なグラフィックとそれに適用される色を柔軟にスタイル設定できます。
使用方法
Icon の色は、背景とのコントラストが高い色を選択し、同色の似たような色合いや色収差を生じる組み合わせは避けるようにします。
良い例 | 悪い例 |
---|---|
その他のリソース
関連トピック:
コミュニティに参加して新しいアイデアをご提案ください。
ページを開く:
GitHub