HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kwYnLMKnr1pi/amnt.svg" alt="List" 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="grape" data-name="Grape"><path d="M365 261c-51 6-51 80 1 84 51 4 104-1 156 0s103 1 156 1c12 0 25-2 38-1 26 1 51-1 76 0 12 0 24 2 36 1 51-3 64-69 15-83-22-6-128-2-158-2-73 0-146 0-218 0-34 0-69-3-102 0z" fill="#011e61" stroke="#011e61"/><path d="M370 669c-54 3-58 75-11 83 16 3 34 2 50 1 35-2 70 0 105 0 103 0 208 2 311 1 53-1 68-66 20-82-22-8-126-3-156-3-71 0-141 0-211 0-36 0-73-2-108 0z" fill="#011e61" stroke="#011e61"/><path d="M361 466c-48 7-45 79 5 84 17 1 34 0 52 0 35 0 70 0 106 0 73 0 145 0 219 0 29 0 68 4 96-1 48-8 43-79-5-83-16-1-33 0-49 0-37 0-72 0-108 0-74 0-148 0-221 0-29 0-68-4-95 0z" fill="#011e61" stroke="#011e61"/><path d="M210 649c-83 4-77 130 6 126 82-4 77-129-6-126z" fill="#011e61" stroke="#011e61"/><path d="M204 446c-80 10-66 136 17 125 81-10 67-135-17-125z" fill="#011e61" stroke="#011e61"/><path d="M209 241c-82 5-75 131 8 126 82-5 75-130-8-126z" fill="#011e61" stroke="#011e61"/></g></svg>
CSS background-image
.list {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kwYnLMKnr1pi/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.list {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kwYnLMKnr1pi/amnt.svg") center / contain no-repeat;
}
React
import ListSvg from "./list.jsx"; // from the React tab above
<ListSvg width={48} height={48} />
