Skip to content

Icons ​

199 lucide icons ship with SparkUI. Register more with SparkIcons.register(), or map a name to a HarmonyOS Symbol with SparkIcons.useSymbol().

Usage ​

arkts
SIcon({ name: 'heart', sizing: 20, color: theme.colors.destructive })

API ​

Extracted from the @Param / @Event / @BuilderParam declarations in the library sources.

SIcon ​

Unified icon. Renders a lucide vector icon by name, or a HarmonyOS Symbol when one is mapped via SparkIcons.useSymbol() or passed directly through symbol.

PropTypeDefaultDescription
namestring''
symbolResource | undefinedundefinedHarmonyOS Symbol resource; takes precedence over name.
sizingnumber16vp
colorResourceColor | undefinedundefinedDefaults to the foreground token.
strokeWidthnumber2Stroke width in the 24-unit icon box (lucide default 2); scales with sizing.

MIT Licensed