Icons with character.

Friendly icons for React, each one a single import. Stickers are on the bench now, with more styles on the way. Find an icon, copy the import, and paste it into your app.

Browse the library →Read the docs

CRAFT 01 · STICKER SHEETON THE BENCH

THE CRAFT DRAWER

Every style is a craft.

Stickers are the first craft. New styles will each bring their own material, edge and colours, but every object keeps its name, so the imports in your app never change.

CRAFT 01LIVE

Sticker

MATERIAL: Die-cut vinyl
EDGE: Thick white border
PALETTE

CRAFT 02COMING SOON

Coming soon

MATERIAL: TBD
EDGE: TBD
PALETTE: TBD

CRAFT 03COMING SOON

Coming soon

MATERIAL: TBD
EDGE: TBD
PALETTE: TBD

Next craftmore styles after stickers

copy, paste, done

npm install mochi-icons

import { CameraIcon } from "mochi-icons/CameraIcon";

<CameraIcon size={32} />

Import one icon, ship one icon.

Every icon is its own small file, so your app only ships the ones you import. Set the size, add a className, and any other SVG prop passes straight through. Works with React 18 and newer.