Components
Icon
SketchIcon — a hand-drawn icon rendered from the library's baked icon set.
SketchIcon renders any icon from blackchalk's baked set as a sketchy,
monochrome SVG. Pass a name from the IconName union; unknown names render a
dashed placeholder box so generated screens never crash on a missing glyph.
Usage
import { SketchIcon } from "blackchalk";export default function Example() {return <SketchIcon name="search" size={24} />;}Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | IconName | string | — | Which icon to render. |
size | number | 20 | Width and height in pixels. |
strokeWidth | number | 1.5 | Stroke weight of the drawn paths. |
aria-label | string | — | Sets role="img"; omit for decorative use. |
All icons
Every icon below is read from the runtime ICON_NAMES array, so this gallery
always matches the installed version. Search by name, then pass the name string
to <SketchIcon name="…" />.
107 of 107
searchclosecheckplusminuschevron-downchevron-upchevron-leftchevron-rightarrow-rightarrow-leftmenufiltersorttrasheditusersettingswarninginfostardownloadexternal-linkeyecopylinkx-circlecheck-circlehomelayoutsidebarpanel-leftgridlistlayersbellmailinboxsendmessage-circlemessage-squarephonephone-callat-signhashuser-plususersloginlogoutcalendarclocktimerloaderrefreshfilefile-textfolderfolder-openuploadpaperclipbookmarktagimagevideocameramicvolumemusicshopping-cartcredit-cardbagreceiptbar-chartpie-charttrending-uptrending-downactivitymap-pinmapnavigationcompassglobeflaglockunlockshieldkeymaximizeminimizemaximize-2movewifibatteryheartsharezapsunmoonpalettesliderstoggle-lefttoggle-rightmore-horizontalmore-verticalcodeterminalhelp-circle