💖 make a cute heart SVG
stroke ends ↷
🦄 Let me help you make your website or landing page better. I'll review your website for improvement opportunities in terms of layout, design, performance, on-site SEO & marketing message✨ Show me how to improve my website
💗 about this SVG heart maker
Just a tool that makes it easy to create all kinds of heart SVGs for your designs. Use the generated heart SVGs anywhere in your web or print designs.
This generator is pretty easy to use. Just drag the two points or their control points, and the heart shape will adjust accordingly.
By default the control points are locked, meaning that moving one control point will also symmetrically move the other one. This makes it very easy to create a symmetrical heart shape. You can unlock the control points if so that they are independent from each other.
You can start with one of 4 heart shape presets and you can adjust the fill color(s), stroke color, stroke width and the type of stroke joins (round or square) of the heart.
You can also nudge the heart shape using Shift + Up/Down/Left/Right arrow
When you're happy with your heart shape, just copy the SVG code or save the SVG file to your device.
If you need to generate a PNG version, you can use this SVG to PNG converter.