HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0qYpIiAzhmNu/amnt.svg" alt="Stacked Blobs" 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="turquoise" data-name="Turquoise"><path d="M793 606c-21 17-42 32-67 42-111 45-254 33-367 1-11-4-53-21-60-21-11 0-28 10-38 15-28 14-55 32-75 57-51 64-23 132 44 168 125 68 317 51 449 10 59-19 127-48 164-101 44-62 16-140-50-171z" fill="#03bba6" stroke="#03bba6"/></g><g id="coral" data-name="Coral"><path d="M648 95c-58 5-94 59-147 78-60 22-125 17-184 41-31 13-61 34-76 65-45 92 68 137 137 149 113 20 269 3 356-79 68-66 79-182-10-235-23-14-50-21-76-19z" fill="#fc6651" stroke="#fc6651"/></g><g id="amber" data-name="Amber"><path d="M258 397c-7 3-14 9-20 14-40 34-57 91-25 138 32 46 93 68 146 84 114 32 284 49 391-14 105-62 67-163-37-199-12-5-30-12-43-11-11 2-23 10-33 14-109 38-281 45-379-26z" fill="#fdcc19" stroke="#fdcc19"/></g><g id="midnight" data-name="Midnight"><path d="M693 398c16-11 33-21 47-34 52-47 79-117 55-185-30-88-138-128-215-74-19 13-36 30-57 41-60 32-129 27-193 47-39 12-76 34-98 70-19 29-21 68-5 98 5 10 14 16 19 25-107 79-76 178 32 233-25 13-50 23-73 41-61 47-86 128-26 189 76 76 215 83 316 78 102-4 222-31 307-90 97-67 112-183 1-243 46-71 21-135-50-174-19-10-41-14-60-22zM648 95c26-2 53 5 76 19 89 53 78 169 10 235-87 82-243 99-356 79-69-12-182-57-137-149 15-31 45-52 76-65 59-24 124-19 184-41 53-19 89-73 147-78zM258 397c98 71 270 64 379 26 10-4 22-12 33-14 13-1 31 6 43 11 104 36 142 137 37 199-107 63-277 46-391 14-53-16-114-38-146-84-32-47-15-104 25-138 6-5 13-11 20-14zM793 606c66 31 94 109 50 171-37 53-105 82-164 101-132 41-324 58-449-10-67-36-95-104-44-168 20-25 47-43 75-57 10-5 27-15 38-15 7 0 49 17 60 21 113 32 256 44 367-1 25-10 46-25 67-42z" fill="#1b212c" stroke="#1b212c"/></g></svg>
CSS background-image
.stacked-blobs {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0qYpIiAzhmNu/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.stacked-blobs {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0qYpIiAzhmNu/amnt.svg") center / contain no-repeat;
}
React
import StackedBlobsSvg from "./stacked-blobs.jsx"; // from the React tab above
<StackedBlobsSvg width={48} height={48} />