Menu

Beta
Sign in
Heart Card SVG illustration, flat

Heart Card SVG illustration, flat

A coral heart with rounded lobes, a clear notch, and a pointed base appears above its name. It suits early-learning walls in daycare centers and activity books at home.

Free · from Shape Flashcards, Flat

Similar SVGs

More from Shape Flashcards, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LCnAQ6lF_Zdu/amnt.svg" alt="Heart Card" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819 1024" width="819" height="1024"><g id="layer-1" data-name="Rectangle 1"><path d="M37 35L782 35C783.1 35 784 35.9 784 37L784 987C784 988.1 783.1 989 782 989L37 989C35.9 989 35 988.1 35 987L35 37C35 35.9 35.9 35 37 35Z" fill="none" stroke="#d8d8d8" stroke-width="2"/></g><g id="layer-2" data-name="Shape 2"><path d="M409.5 307C356 231 226 230 184 323C119 465 263 586 409.5 710C556 586 700 465 635 323C593 230 463 231 409.5 307Z" fill="#f47b71" stroke="#30343a" stroke-width="9" stroke-linejoin="round"/></g><g id="layer-3" data-name="Group 3"><path d="M215 790L231 790L231 823L263 823L263 790L279 790L279 875L263 875L263 839L231 839L231 875L215 875Z" fill="#30343a"/><path d="M294 790L354 790L354 806L310 806L310 823L350 823L350 839L310 839L310 859L354 859L354 875L294 875Z" fill="#30343a"/><path d="M395 790L413 790L443 875L426 875L420 856L388 856L382 875L365 875ZM404 808L393 841L415 841Z" fill="#30343a" fill-rule="evenodd"/><path d="M453 790L488 790C510 790 521 800 521 818C521 832 514 841 501 845L525 875L505 875L483 847L469 847L469 875L453 875ZM469 806L469 832L486 832C499 832 505 828 505 819C505 810 499 806 486 806Z" fill="#30343a" fill-rule="evenodd"/><path d="M537 790L608 790L608 806L580 806L580 875L564 875L564 806L537 806Z" fill="#30343a"/></g></svg>
CSS background-image
.heart-card {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LCnAQ6lF_Zdu/amnt.svg");
  background-size: contain;
}
React
import HeartCardSvg from "./heart-card.jsx"; // from the React tab above

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

Tags

heartshapeflashcardlearning

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one preschool printable shape flashcard SVG in a 4:5 portrait layout: a large coral symmetrical heart centered above the uppercase label HEART. Draw two rounded upper lobes, a clear central notch, and one pointed bottom. Use flat fill, white background, generous margins, a thin light-gray rectangular trim border, and bold sans-serif lettering converted to vector paths. No face, shadows, or extra objects. as part of the pack Shape Flashcards, Flat. Want one like it? Make your own in the SVG studio.

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

Settings