160 Free Hand-Drawn Doodles in SVG and PNG for Vibe Projects

I think it was on my fifth landing page when I realized that all of them were kinda boring. All of them had the same typeface, card design, hero section with gradient and floating elements. Nothing wrong with them, but also nothing memorable.

Doodles come in handy. As a detail, not a key element. A little star next to your headline, a little monster head on your pricing card, an arrow towards your CTA button. These minor flaws make your page look more personal and less like a template. Here’s a pack of 160+ hand-drawn doodles by professional illustrator Maria Letta.

Clouds, cactuses, stars, monsters, donuts, rockets, pizzas, hearts, sneakers, pencils, diamonds, cats, hands, rainbows, arrows, mobile phones. All hand drawn, all vector, all in one style. Located in the /doodles/ directory (svg/ and png/ subdirectories), named doodle-01 to doodle-152. Check out the GitHub preview to view each doodle before downloading.

1How to add doodles to your project

Copy-paste the GitHub URL into your agents context and tell them where and what kind of doodle you need. Like “add a hand-drawn doodle from this pack somewhere near the hero headline — a star or a rocket would work”. Your agent will read the README, find the file pattern and place the corresponding doodle. If you want to choose a doodle yourself, check out the /preview/ directory on GitHub. There are preview images with sets of elements.

curl -sO https://raw.githubusercontent.com/MariaLetta/mega-doodles-pack/master/doodles/svg/doodle-01.svg

git clone --filter=blob:none --sparse https://github.com/MariaLetta/mega-doodles-pack.git
cd mega-doodles-pack && git sparse-checkout set doodles/svg

CC BY-SA 4.0. Feel free to use these doodles in your commercial projects. Just remember to give credit to Maria Letta and license your derivatives under the same terms. If you’re just using an SVG file on your website without distributing the doodles as a pack, a link in the footer or README should be sufficient.