Icon
Path-stroke icon (24-unit viewBox) with size + tint.
ui media
Preview
Installation
npx slintcn@latest add iconUsage
import { Icon } from "slintcn/components/icon.slint";
import { LucidePaths } from "slintcn/components/lucide-paths.slint";
Icon { commands: LucidePaths.check; size: 20px; tint: Tokens.color-foreground; }
Properties
commands
in
string
SVG path commands (24-unit viewBox); pass a `LucidePaths.*` value.
size
in
length
Pixel side length of the square icon.
tint
in
color
Stroke color; defaults to the foreground token.
stroke-width
in
length
Stroke thickness; SVG coordinates, not screen px.
Dependencies
theme only
Installed automatically as transitive dependencies of slintcn add icon.