Playground GitHub npm

Icon

Path-stroke icon (24-unit viewBox) with size + tint.

ui media

Preview

Installation

npx slintcn@latest add icon

Usage

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.