Beta

Heart SVG illustration, flat

Free
Heart SVG illustration, flat

A plump heart has a small highlight near its upper curve. Use it on greeting cards or beside favorite entries in a journal.

Sign in to download. Free SVGs are free with any account.

heartloveaffectiondoodlesillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wzqiUYiOki0j/amnt.svg" alt="Heart" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="200" cy="263" rx="80" ry="10" fill="#E8D9DC" opacity=".55"/><path d="M200 253C185 243 78 178 72 113C67 70 94 43 129 43C160 43 184 61 200 86C216 61 240 43 271 43C306 43 333 70 328 113C322 178 215 243 200 253Z" fill="#E98595"/><path d="M200 253C185 243 78 178 72 113C70 100 72 88 76 78C74 131 111 172 153 207C171 222 188 234 200 241C233 220 291 176 315 128C322 114 326 101 327 89C329 97 329 105 328 113C322 178 215 243 200 253Z" fill="#D97386"/><path d="M104 86C109 74 122 68 134 71C140 72 142 77 139 81C137 84 133 84 128 85C122 86 118 89 114 93C110 97 102 93 104 86Z" fill="#FCE0E3"/></svg>
CSS background-image
.heart {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wzqiUYiOki0j/amnt.svg");
  background-size: contain;
}
React
import HeartSvg from "./heart.jsx"; // from the React tab above

<HeartSvg width={48} height={48} />

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Heart: One plump heart with a small highlight near its upper curve. as part of the pack Everyday Doodles, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Doodles, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence