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 の色は、背景とのコントラストが高い色を選択し、同色の似たような色合いや色収差を生じる組み合わせは避けるようにします。

    良い例 悪い例

    その他のリソース

    関連トピック:

    コミュニティに参加して新しいアイデアをご提案ください。