Skip to content
HC Starlight

Icons Reference

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

Our icons are normalized versions of some of the @hackclub/icons, optimized for consistency and accessibility.

Use icons

Section titled “Use icons”

Icons can be displayed using the <Icon> component.

HCIcons type

Section titled “HCIcons type”

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

src/icon.ts
import type { HCIcons } from "hc-starlight/types";


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

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.