6 cute custom cursors, free SVG
A bubblegum arrow, a lucky star, a heart, a sparkle arrow, a soft mint arrow and a sleepy moon. Drawn by us, free to use anywhere.
Cursors
6 cute cursors, free to use
Try them
Move your mouse over a tile to wear that cursor. Each one is a 32 by 32 pixel SVG, with a PNG for older apps.
-
Bubblegum arrow
-
Lucky star
-
Heart pointer
-
Sparkle arrow
-
Mint soft
-
Sleepy moon
Use one on your site
/* upload the file next to your CSS, then: */
body {
cursor: url('bubblegum-arrow.svg') 5 3, auto;
}
a, button {
cursor: url('heart-pointer.svg') 7 7, pointer;
}How to use it
- The two numbers after the file are the hotspot, the pixel that does the clicking. For the arrows it is the tip, for the star and the heart the point at the top left, for the moon the middle.
- Always end the line with a normal cursor (auto or pointer). If the file fails to load, people still get one.
- Cursors show with a mouse or trackpad. Phones and tablets have no cursor, so nothing changes there.
- Keep links and buttons obvious. A cute arrow for the page and the heart for links works; six different cursors on one page does not.
Recording a tutorial? Framok keeps your real cursor out of the recording and redraws it larger and smoother, with a soft ripple on every click.
Pinterest’s 2026 Hobbies Trend Report saw searches for pink mouse cursors up 267% and star cursors up 247%. The drawings are ours and free to use, including in commercial work.
Free to use in personal and commercial work. No credit needed, though a link back is always nice.
