The floral set
Ready today: tulip, sunflower, flower, rose, leaf, Christmas tree and 4 more (free) and flower 2, clover, sprout, leafy green, shrub, palm tree and 23 more (Pro).
Each one is stroke-only on a 48 × 48 grid, with a chunky 3.4 stroke and round ends, drawn in the same hand as the rest of the library. Petals don't line up perfectly and stems lean a little, which is what makes them read as hand-drawn florals rather than clip art.
Where flower icons work
Invitations and stationery
Leaves along the edge of a wedding invite or a spring party card. For print, use the still SVG or the PNG and set the ink to a soft green or rose.
Spring and seasonal campaigns
A doodle on a seasonal banner or next to a gift-guide headline. A web version can use the animated SVG so it draws itself in as the page loads.
Plant, wellness and sustainability brands
A leaf for eco options or a "getting started" step. It shares a grid with the full library, so it works as an interface icon too.
Slides, notes and social posts
One boiling doodle on a section divider is enough. Social apps don't take SVG, so screen-record it drawing itself in a browser, or use a still.
How the animation works
When the animated SVG loads, each stroke draws in order, with each one starting just before the previous one finishes. Then the boil starts: an SVG filter pushes the line with a little noise and steps through six frames on a loop, the jitter of hand-drawn animation, where no two redrawn frames match exactly.
The file is self-contained. The drawing is CSS inside the SVG and the boil is a standard SVG filter, so you need no script or library, and modern browsers play it inline or as an <img>. Florals usually look best calm: a low amplitude and a slower loop.
Formats and downloads
Free icons download from their own page as a still SVG, a transparent 512px PNG or an animated SVG, and come as React components from @oreo-design/doodle-icons. Many slide apps and design tools import an SVG as a still drawing, or not at all. Because the animated file keeps its strokes hidden until its animation runs, it can come out blank there, so use the still SVG or the PNG in those apps.
The free set is 203 icons under the MIT license. Pro adds 1,708 icons in the same hand and every batch on the way to 2,000, for a one-time $39 for the first 100 orders, $69 after that. No subscription, and a 14-day full refund if it's not what you hoped.
Tips for floral layouts
- Build a border from a few icons. Repeat a leaf, rotating every other one, along the edge of a card. Use the still versions so only one corner doodle moves.
- Two greens and one bloom color. React icons use
currentColor; in the SVG files, the near-black ink (#2b2a33) is one stroke color to change. - Let it grow in. In React, the
drawprop plus a shortdrawDelaymakes an icon appear just after the headline, a nice touch for "getting started" screens. - Pair with a handwritten font. The site sets its type in Schoolbell, free on Google Fonts.
Hand-drawn flowers FAQ
Some are. Tulip, sunflower, flower, rose, leaf, Christmas tree and 4 more are free; flower 2, clover, sprout, leafy green, shrub, palm tree and 23 more come with Doodle Icons Pro, a one-time purchase. Free icons are MIT-licensed for personal and commercial use.
Yes. The rose is on this page and on the hand-drawn hearts page.
Yes, for the free ones: each free icon's page has a transparent 512px PNG next to the still and animated SVGs. Pro icons come as animated and static SVG files plus React components.
Yes. Free icons are MIT-licensed. Pro icons can go on physical and digital products you sell, such as T-shirts, mugs, cards, stickers and printables, as long as they're part of your own design. What the Pro license rules out is selling or sharing the icon files themselves, or putting them in a product whose main purpose is offering icons, like an icon library, font or template marketplace. The terms have the details.