Oreo Doodle Icons
Hand-drawn SVG icons that draw themselves in and wiggle
FreeUI LibraryOpen SourceDesign1 impressionslaunches Nov 31 comment
Comments
>log in to commentHi DevHunt, I'm Nicole from Oreo Design. Most icon sets are perfectly still and perfectly clean. I wanted icons that feel like someone drew them, and that move the way hand-inked cartoons do. In old animation every frame was redrawn, so the lines shimmer a little. Animators call that a boiling line, and it's the feeling I was after. What's free: 190+ icons under MIT. Each one has a page where you can pick a color, stroke width and wiggle, then download a still SVG, a transparent PNG or an animated SVG. There's also a React package, @oreo-design/doodle-icons. What's in Pro: 1,600+ more icons in the same hand, including the themed sets (Halloween, Christmas, birthdays, hearts, flowers and more), with every new batch on the way to 1,800 included. It's a one-time $39 for the first 100 buyers. I'd love your feedback. Which icons should I draw next, and does the wiggle feel right to you?
Hand-drawn SVG icons that animate drawing themselves and wiggle, available free and as a Pro pack.
- for
- Web, app and slide designers who want warm, animated icons.
- pricing
- freemium
- license
- MIT
Key features
- Animated SVG export — Download animated SVGs that draw themselves and wiggle without any JavaScript.
- React component library — Install @oreo-design/doodle-icons and use icons as React components with color and draw props.
- Customizable appearance — Change color and stroke width directly in the SVG or via CSS.
- Themed icon collections — Pro adds themed sets for holidays, birthdays, hearts, flowers, animals and more.
- MIT-licensed free set — 197 free icons can be used in personal and commercial projects.
- No-subscription pricing — Pro is a one-time payment with unlimited commercial use.
Use cases
- Add playful animated icons to a website header that draw themselves on load.
- Create a slide deck with hand-drawn icons that animate during presentations.
- Build a React app UI using the component library for consistent, recolorable icons.
Oreo Doodle Icons vs alternatives
 Oreo Doodle Icons |  Inkscape |  Figma |  Excalidraw |  Penpot | |
|---|---|---|---|---|---|
| Best for | Animated hand-drawn SVG icon sets | Free vector graphics editing | Interface design and prototyping | Virtual whiteboard with sketchy look | Design and prototyping |
| Pricing | Freemium | Free | Subscription | Free | Free |
| DevHunt upvotes | 1 | 0 | 1 | 0 | 0 |
| Launched | Nov 2026 | — | — | — | — |
- Oreo Doodle Icons vs Inkscape: Vector editor for creating icons, not a ready-made animated icon set
- Oreo Doodle Icons vs Figma: Collaborative UI design tool, not a pre-made icon library
- Oreo Doodle Icons vs Excalidraw: Hand-drawn style whiteboard, not a reusable icon collection
- Oreo Doodle Icons vs Penpot: Open-source design and prototyping platform, not focused on animated icons
Oreo Doodle Icons FAQ
What are doodle icons?+
Hand-drawn icons with wobbly lines that animate by drawing themselves and then gently wiggle.
Are the free icons usable in commercial projects?+
Yes, the 197 free icons are MIT-licensed for personal and commercial use.
How do I use the icons in React?+
Install the npm package, mount the wiggle filter once, then render <DoodleIcon> components, optionally adding the draw prop.
Can I download the icons as PNG or static SVG?+
Each icon page offers a still SVG, a transparent 512 px PNG, and an animated SVG for download.
Do the animated SVGs need JavaScript?+
No, the exported SVG contains all styles and plays in any modern browser without JavaScript.
What themes are included in the Pro pack?+
Halloween, Christmas, birthdays, hearts, flowers, animals and more, with new batches added toward 1,800 icons.
Summarized by DevHunt from doodle.oreoui.com · Oct 25, 2026. Details may change; check the official site.
