Docs Getting started

Icons

Tessera Icons: one family for interface and tool icons, in React, canvas, SVG, and Rust.

Use

Browse and copy every icon on the Icons page. Tool icons (family: "tool") carry accent areas filled with --kit-icon-accent; pass accent={false} for plain line.

TSX

import { LayersIcon } from '@kition/tessera-icons/react'
import { Layers, drawIcon, toSvg } from '@kition/tessera-icons'

<LayersIcon size={16} />
drawIcon(ctx, Layers, 8, 8, { size: 16, color: '#5645d4' })

Style

24 grid with a 20 live area, 1.5 round strokes, radius 2 corners, half-unit coordinates, 2-unit gaps; one metaphor per action. The full rules are in docs/icon-style.md; redraws are reviewed on the Redraw review page.