HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BW2pGaH-tF2U/amnt.svg" alt="Thermometer" 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="M466 399c0 58 0 116 0 174 0 28 1 58 0 87-1 25-24 28-40 46-68 76-16 200 87 200 101 0 153-125 86-199-17-20-40-20-40-47 0-29 0-59 0-87 0-58 0-116 0-174z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 576v-117z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 453v-100z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 342v-94z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 240v-57z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 651v-51z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 170v-25z" fill="#fc3a23" stroke="#fc3a23"/><path d="M450 595v-12z" fill="#fc3a23" stroke="#fc3a23"/><path d="M507 81h9z" fill="#fc3a23" stroke="#fc3a23"/></g><g id="white" data-name="White"><path d="M466 399h93c0 58 0 116 0 174 0 28 0 58 0 87 0 27 23 27 40 47 67 74 15 199-86 199-103 0-155-124-87-200 16-18 39-21 40-46 1-29 0-59 0-87 0-58 0-116 0-174zM516 81h-9c-33-2-58 34-57 64v25 13 57 8 94 11 100 6 117 7 12 5 51c0 5 0 12-4 16-4 5-13 8-18 13-9 7-17 15-24 25-15 20-25 46-27 72-4 52 24 103 69 129 106 61 228-42 196-157-8-27-24-52-47-70-5-4-16-8-19-15-4-10-1-35-1-46 0-67 0-133 0-199 0-67 0-133 0-199 0-44 13-108-33-132-8-4-17-7-26-7z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="black" data-name="Black"><path d="M512 52c-41 0-77 28-88 68-8 31-3 112-3 149 0 102 0 204 0 307 0 11 2 68-1 75-2 4-11 8-14 11-10 8-18 17-25 27-26 34-36 78-30 120 11 81 80 143 163 143 82 0 151-65 160-146 5-42-6-85-32-119-7-10-16-19-26-27-3-3-10-5-11-9-5-9-2-63-2-77 0-103 0-205 0-307 0-38 6-121-4-152-12-38-49-63-87-63zm-62 93c-1-30 24-66 57-64h9c9 0 18 3 26 7 46 24 33 88 33 132 0 66 0 132 0 199 0 66 0 132 0 199 0 11-3 36 1 46 3 7 14 11 19 15 23 18 39 43 47 70 32 115-90 218-196 157-45-26-73-77-69-129 2-26 12-52 27-72 7-10 15-18 24-25 5-5 14-8 18-13 4-4 4-11 4-16v-51-5-12-7-117-6-100-11-94-8-57-13z" fill="#151414" stroke="#151414"/></g></svg>
CSS background-image
.thermometer {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BW2pGaH-tF2U/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.thermometer {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BW2pGaH-tF2U/amnt.svg") center / contain no-repeat;
}
React
import ThermometerSvg from "./thermometer.jsx"; // from the React tab above
<ThermometerSvg width={48} height={48} />