HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eT21w7ES9_2h/amnt.svg" alt="Moon" 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="yellow" data-name="Yellow"><path d="M816 752c-24 6-46 15-71 19-88 12-176-18-242-78-82-76-118-194-94-303 22-99 93-186 181-233 12-6 24-12 36-17 6-2 12-5 18-7 3-1 19-5 18-7-2-8-79-11-91-10-56 3-111 17-162 44-201 106-277 358-148 551 100 151 302 202 462 114 35-19 64-45 93-73z" fill="#fbe256" stroke="#fbe256"/></g><g id="grape" data-name="Grape"><path d="M568 93c-245 11-439 249-386 491 53 244 318 383 544 265 46-24 94-59 121-104 6-10 6-25-10-24-9 1-39 14-50 18-32 9-65 14-98 12-115-5-213-92-249-197-40-118 2-244 91-326 41-38 89-64 142-82 7-3 19-4 26-9 28-20-35-34-45-36-28-7-57-9-86-8zM816 752c-29 28-58 54-93 73-160 88-362 37-462-114-129-193-53-445 148-551 51-27 106-41 162-44 12-1 89 2 91 10 1 2-15 6-18 7-6 2-12 5-18 7-12 5-24 11-36 17-88 47-159 134-181 233-24 109 12 227 94 303 66 60 154 90 242 78 25-4 47-13 71-19z" fill="#022266" stroke="#022266"/></g></svg>
CSS background-image
.moon {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eT21w7ES9_2h/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.moon {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eT21w7ES9_2h/amnt.svg") center / contain no-repeat;
}
React
import MoonSvg from "./moon.jsx"; // from the React tab above
<MoonSvg width={48} height={48} />
