跳转到内容
Starlight

图标参考

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

使用图标

可以使用 <Icon> 组件来显示图标。 图标也常用于其他组件，例如 卡片 或 hero actions 等设置。

StarlightIcon 类型

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

src/icon.ts
import type { StarlightIcon } from '@astrojs/starlight/types';


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

所有图标

下面显示了所有可用图标，包括它们对应名称的列表。单击图标将其名称复制到剪贴板。