Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Heart SVG icon, line

Heart SVG icon, line

Two rounded lobes meet at the pointed bottom of this heart outline. Use it on a Valentine's card or to mark a couples' activity in an event listing.

Free · from Holidays and Events Icons, Line · Set 2

Similar SVGs

More from Holidays and Events Icons, Line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Nlf7VtwgK_OH/amnt.svg" alt="Heart" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M512 199c-10-17-24-33-38-46-79-79-201-99-300-49-123 62-171 203-127 330 38 111 133 195 217 272 73 66 147 131 214 204 10 12 26 25 34 39 36-36 66-77 104-111 48-44 96-88 144-132 85-78 178-161 217-272 102-290-269-502-465-235zm0 87c17-24 29-52 48-76 54-70 143-105 229-82 120 32 186 163 150 280-33 103-118 183-196 254-52 46-103 93-154 140-28 25-50 55-77 80-6-11-18-20-26-29-64-69-136-128-204-191-77-71-166-150-197-254-34-117 27-249 150-280 129-33 225 47 277 158z" fill="#cb091d" stroke="#cb091d"/></g></svg>
CSS background-image
.heart {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Nlf7VtwgK_OH/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.heart {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Nlf7VtwgK_OH/amnt.svg") center / contain no-repeat;
}
React
import HeartSvg from "./heart.jsx"; // from the React tab above

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

Tags

heartlovevalentineromanceholidaysiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Heart: Single heart outline with two rounded lobes and a pointed bottom. A flat colour icon. as part of the pack Holidays and Events Icons, Line · Set 2. 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

Browse the library

Settings