Icons

Every Phosphor icon, searchable. Pick a weight and click an icon to copy its import.

Using an icon

import { ChartLineUp } from "@phosphor-icons/react";

<ChartLineUp size={16} weight="regular" />

Sizes, weights and colours are covered in Iconography.

Page header and tabs

Every page starts with the same header row, and splits into tabs when it holds several lists.

For AI & LLMs

Everything on this site as Markdown, and the rules a coding agent follows when it builds Petavue UI.