HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6vO9E9IkN4w-/amnt.svg" alt="Heart Divider" 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="M511 482c-11-32-60-18-50 18 6 26 36 36 49 58 17-19 46-32 53-58 10-33-27-52-52-18z" fill="#fc191a" stroke="#fc191a"/></g><g id="black" data-name="Black"><path d="M595 502c-4 2-6 7-1 10 4 2 71 0 82 0 32 0 65 0 98 0 21 0 190 3 195 0 6-3 4-8-1-10-6-3-68 0-79 0-33 0-66 0-98 0-22 0-191-3-196 0z" fill="#1b1a19" stroke="#1b1a19"/><path d="M56 502c-5 2-7 7-1 10 4 2 70 0 80 0 32 0 65 0 98 0 21 0 189 3 195 0 3-1 5-1 5-5 0-3-1-3-4-5-4-2-69 0-79 0-33 0-66 0-98 0-23 0-189-3-196 0z" fill="#1b1a19" stroke="#1b1a19"/><path d="M512 469c-27-28-69-3-58 34 6 21 39 48 55 64 21-17 53-37 61-65 11-36-33-61-58-33zm-1 13c25-34 62-15 52 18-7 26-36 39-53 58-13-22-43-32-49-58-10-36 39-50 50-18z" fill="#1b1a19" stroke="#1b1a19"/></g></svg>
CSS background-image
.heart-divider {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6vO9E9IkN4w-/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.heart-divider {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6vO9E9IkN4w-/amnt.svg") center / contain no-repeat;
}
React
import HeartDividerSvg from "./heart-divider.jsx"; // from the React tab above
<HeartDividerSvg width={48} height={48} />
