Hand-drawn icons are not a replacement for a disciplined UI icon set. They are a tone layer: best when you want approachability, warmth or a human touch in specific moments. These twelve use cases show where doodle style earns its place.

1. Onboarding and empty states

Empty states are the first place a new user sees personality. A doodle icon beside "No projects yet" makes the instruction feel less like a system error and more like a suggestion. Pair the icon with a single action button and the state becomes useful instead of dead.

2. Feature tour steps

Tour dialogs need to be skimmed fast. Hand-drawn icons communicate that a step is informal and interactive, which lowers the pressure of a guided walkthrough. Keep one icon per step and repeat the same stroke weight across all steps.

3. Blog post illustrations

A hand-drawn icon at the top of an article gives the post a signature without commissioning custom illustration. Choose an icon related to the topic, not a generic decoration, so the image reinforces the headline.

4. Documentation callouts

Docs pages are text-heavy. Small doodle icons next to "Tip", "Note" and "Warning" break up the rhythm and give readers a visual anchor. They work especially well in API references where every pixel of explanation counts.

5. Error and 404 pages

A 404 page is an emotional moment. A friendly doodle rocket or magnifier changes the tone from failure to detour. Add a search box and links back to common destinations so the icon does real navigation work too.

6. Form microcopy

Icons inside form labels are usually distracting, but a small doodle icon beside a password hint or file-upload helper can soften instructions. Use them only where the message is explanatory, not in every field.

7. Email templates

Transactional emails from products feel more personal with a small hand-drawn check, envelope or sparkle. Because email clients vary, export the icon as PNG at 2x and keep the design simple enough to read at 32 pixels.

8. Slide decks and pitch materials

Presentations are storytelling, not documentation. Doodle icons make a slide feel sketched and in-progress, which suits early product ideas and internal planning decks. For investor material, use them sparingly and keep the charts clean.

9. Product cards and category pages

E-commerce and SaaS category pages use icons to make scanning fast. A hand-drawn set gives a smaller brand a distinctive voice instead of the same corporate glyphs every competitor uses.

10. Social media and thumbnails

Thumbnails compete in a crowded feed. A recognizable doodle icon next to a short phrase can be the difference between a tap and a scroll. Keep the icon large, use brand colors, and test it at small sizes.

11. Checklists and printable worksheets

Printable planners, worksheets and checklists benefit from icons that feel hand-made. A doodle checkbox or calendar invites writing on the page, which is exactly the behavior the format wants.

12. Small brand moments

Sometimes an icon exists just to say "a person made this". A hand-drawn star in a thank-you modal, a smiley on the support page, or a doodle arrow next to a changelog note adds warmth without interrupting the product. Limit these to one or two per screen.

When to skip doodle style

Dense data tables, legal documents, financial dashboards and high-stakes medical interfaces usually need neutral, conventional iconography. If the audience expects precision, a wobbly stroke can undermine trust. The right approach is often a hybrid: standard glyphs for navigation, hand-drawn icons for storytelling moments.

Making the style consistent

Consistency comes from constraints. Pick one stroke width, keep colors within two or three accents, use the same cap style, and never mix filled and outlined icons in the same view. The Sendafun library is generated from one hand-drawn source family, which keeps the entire 124k set visually coherent.