Style pack Style Updated May 26, 2026

Hand-Drawn Icons

Organic, imperfect, sketchy lines. IconaMoon's thin weight gives every icon a hand-drawn quality without the literal "drawn-on-paper" look.

55 icons

2 libraries

All open-source

home-thin page

user-thin page

settings-thin page

search-thin page

bell-thin page

heart-thin page

phone-thin page

calendar-thin page

clock-thin page

map-pin-thin page

globe-thin page

camera-thin page

image-thin page

video-thin page

play-thin page

pause-thin page

edit-thin page

check-thin page

x-thin page

plus-thin page

minus-thin page

copy-thin page

trash-thin page

download-thin page

upload-thin page

share-thin page

link-thin page

lock-thin page

eye-thin page

list-thin page

arrow-left-thin page

arrow-right-thin page

arrow-up-thin page

arrow-down-thin page

star-thin page

bookmark-thin page

shopping-cart-thin page

wallet-thin page

gift-thin page

arrow-left-1-thin page

arrow-right-1-thin page

arrow-up-1-thin page

arrow-down-1-thin page

arrow-left-2-thin page

arrow-right-2-thin page

attachment-thin page

attention-circle-thin page

badge-thin page

box-thin page

briefcase-thin page

calculator-thin page

cloud-upload-thin page

cloud-download-thin page

note-thin page

pen-thin page

No icons match those filters.

55 icons shown · 0 in kit

About this pack

Hand-Drawn draws from IconaMoon at its lightest weight — the strokes carry a slight irregularity that reads as hand-drawn rather than machine-generated. Use this for education products, creative-tool surfaces, kids platforms, and any brand whose voice is human-warm rather than enterprise-precise.

Pack at a glance

CategoryStyle pack

TagStyle

Total icons55

Libraries2

Last updatedMay 26, 2026

Best for

Education products

Creative tools

Kids platforms

Personal portfolios

Sketchnote apps

Style composition

32 outline23 filled

Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.

Libraries in this pack

Every glyph is drawn from a real open-source set — here's exactly how the 55 icons break down, with each license.

IconaMoon33 icons

by Dariush Habibpour

CC BY 4.0

repo license browse

Phosphor22 icons

by Helena Zhang & Tobias Fried

MIT

repo license browse

Licensing

Free for commercial use. This pack mixes 2 licenses across its 2 sources:

CC BY 4.0IconaMoon

MITPhosphor

Attribution required: IconaMoon is CC BY 4.0 — visible credit is legally required when you ship its icons. The line below covers every source in this pack.

Icons via DownloadIcons (downloadicons.com). IconaMoon (CC BY 4.0), Phosphor (MIT).

All 55 icons in the Hand-Drawn pack

Full index — every icon links to its own page with downloads in all formats.

Common questions

How many icons are in the Hand-Drawn pack?

55 icons, drawn from 2 open-source libraries: IconaMoon (33), Phosphor (22).

Can I use these icons in commercial projects?

Yes. Every library in this pack is open source — IconaMoon under CC BY 4.0; Phosphor under MIT. Note that IconaMoon (CC BY 4.0) legally requires visible attribution — the ready-made credit line on this page covers it.

What formats can I export?

Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.

Do outline and filled icons behave differently?

This pack contains 32 outline and 23 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.

How is the kit saved?

Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.

Designers who used this pack also liked:

Style 55 icons