Icons

Icon libraries that sit well next to Sketchcn. Registry components import Boxicons; any set below works once you swap the import.

Matita

Freehand pencil icons with overshooting strokes and crossed corners, the closest match to a hand-drawn UI.

In Sketchcn components

Drawn with Matita

Icons pick up the component's colour and size on their own.

npm install @matita/icons

Usage

import { X } from "@matita/icons/react";

<X size={20} pencil />

Boxicons

The set Sketchcn ships with. Every registry component that draws an icon imports it from here.

In Sketchcn components

Drawn with Boxicons

Icons pick up the component's colour and size on their own.

npm install @boxicons/react

Usage

import { X } from "@boxicons/react";

<X />