Icons

Lucide icons generated as native Octane components via @octaneui/icons. No React, no Lucide runtime, and no @lucide/icons dependency ship in the package — each icon's SVG data is inlined at generation time.

IconsExamples.tsrx
import { Camera, CircleAlert, Compass, Heart, LucideProvider } from "@octaneui/icons/lucide";

export function IconsExamples() @{
  <>
    <Camera size={20} />
    <CircleAlert size={20} color="tomato" />
    <Heart size={20} strokeWidth={1.5} absoluteStrokeWidth />
    <LucideProvider color="rebeccapurple" strokeWidth={1.5}>
      <Compass size={20} />
    </LucideProvider>
  </>
}

Browse icons

Search by canonical name or alias. Matching icons load on demand via DynamicIcon, so the full set never ships in this page's initial bundle.