Skip to content
Starlight
Filters

    Icons Reference

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

    Use icons

    Section titled “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

    Section titled “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

    Section titled “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.