Thanks to Iconify, Pictum brings open-source icon sets together in one catalog. Browse the Iconify icon gallery to choose an icon, then use its lowercase kebab-case prefix:name identifier, such as lucide:sparkles.
import { Icon } from "@pictum/react";export function Example() { return ( <Icon name="lucide:sparkles" aria-label="Sparkles" className="size-6 text-violet-600" /> );}
import { useIcon } from "@pictum/react";export function Example() { const asset = useIcon("lucide:sparkles"); return <img src={asset.url} alt="Sparkles" width={24} height={24} />;}
React’s Icon uses an internal Suspense boundary while it loads the inline SVG.