MatitaIcons

About Matita

Matita is a small, free MIT-licensed set of 173 freehand pencil icons for the web. Lines overshoot their ends like ruled pencil strokes, box corners cross and circles overlap where the pen closes, which gives interfaces a sketched, drafting-table feel without losing legibility. Each glyph is built from two to five simple strokes on a 24px grid with a 1.6 stroke and currentColor, so color and stroke width stay under your control in CSS. Names are plain kebab-case (arrow-right, trash-2, circle-check), close to Lucide naming, which makes swapping icons in an existing project easy. Coverage focuses on core interface needs: arrows, text formatting, media controls, files, charts and common actions. Search all Matita icons here, copy SVG, export JSX or download PNG. Compared with Lucide, Matita trades catalog size for personality. Ideal for notes apps, whiteboards, design tools, portfolios and landing pages that want a hand-made look.

How to use Matita icons

npm install @matita/icons

import { ArrowRight } from '@matita/icons/react';

export default function App() {
  return <ArrowRight size={20} />;
}

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="matita:icon-name" width="24"></iconify-icon>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="matita:icon-name" width={24} />;
}

Compare Matita with similar icon packs