コンテンツにスキップ

アイコン

Starlightには、<Icon>コンポーネントを使用してコンテンツに表示できる、組み込みのアイコンセットが用意されています。

アイコンの使用

アイコンは<Icon>コンポーネントを使用して表示できます。また、カードやヒーローアクションの設定など、他のコンポーネントでもよく使用されます。

`StarlightIcon` 型

TypeScriptのStarlightIcon型を使用して、Starlightの組み込みアイコンの名前を参照できます。

import type { StarlightIcon } from '@astrojs/starlight/types';

function getIconLabel(icon: StarlightIcon) {
  // …
}

すべてのアイコン

利用可能なすべてのアイコンとその関連名が以下にリストされています。アイコンをクリックすると、その名前がクリップボードにコピーされます。