Icons

Pho uses Phosphor as its icon set — a flexible, consistent family with multiple weights. It's a peer dependency (@phosphor-icons/react) so you control the version. Photon's own product and brand marks are shown first. Click any icon to copy its name.

Usage

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

<Button prefix={MagnifyingGlass}>Search</Button>
<MagnifyingGlass className="size-5 text-pho-tertiary" weight="bold" />