Icons Reference

Starlight provides a set of built-in icons that you can display in your content using the <Icon> component.

Use icons

Icons can be displayed using the <Icon> component. They are also often used in other components, such as cards or settings like hero actions.

StarlightIcon type

Use the StarlightIcon TypeScript type to reference the names of Starlight’s built-in icons.

src/icon.ts

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

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

All icons

A list of all available icons is shown below with their associated names. Click an icon to copy its name to your clipboard.