@astraljsio/astral-icons

An SVG-only React icon library with 1,512 icons in six weights: thin, light, regular, bold, fill, and duotone.

Install

npm install @astraljsio/astral-icons

Use

import { Airplane, HeartFill, GithubLogoBold } from '@astraljsio/astral-icons';

export function Toolbar() {
  return <HeartFill size={24} color="rebeccapurple" />;
}

Every component accepts standard SVG props. Icons inherit the surrounding text color by default.

Weight entry points

Use a weight-specific entry point when you want concise component names and the smallest possible import surface.

import { Airplane, Heart } from '@astraljsio/astral-icons/duotone';

Root exports use Regular implicitly, and suffix other weights: Airplane, AirplaneThin, AirplaneLight, AirplaneBold, AirplaneFill, and AirplaneDuotone.

Accessibility

Decorative icons are hidden from screen readers automatically. Pass title for a meaningful icon:

<Airplane title="Flight details" aria-label="Flight details" />

Included glyphs

The package is generated from 1,512 source glyphs × 6 SVG weights = 9,072 components. It has no runtime assets, no icon font, and no CSS requirement.