跳转到内容

图标参考

Starlight 提供了一组内置图标，你可以使用 <Icon> 组件在你的内容中显示它们。

使用图标

图标可以使用 <Icon> 组件显示。它们也经常在其他组件中使用，例如卡片或像 hero actions 这样的设置中。

`StarlightIcon` 类型

使用 StarlightIcon TypeScript 类型来引用 Starlight 的内置图标的名称。

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

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

所有图标

下面列出了所有可用的图标及其相关名称。点击一个图标可以将其名称复制到剪贴板。