HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Uz6aU0vgUurk/amnt.svg" alt="Cloud" 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="baby-blue" data-name="Baby Blue"><path d="M701 403c-36-201-311-221-373-26-1 3-6 24-7 25s-34-10-40-10c-25-5-50-3-75 4-40 11-73 38-95 73-47 77-18 185 65 224 14 7 30 12 46 14 31 3 64 1 96 1 60 0 120 0 181 0s122 0 184 0c45 0 101 7 144-7 89-28 131-131 95-215-26-60-88-100-153-99-24 0-45 9-68 16z" fill="#d6ebfc" stroke="#d6ebfc"/></g><g id="grape" data-name="Grape"><path d="M718 371c-3-24-20-50-34-69-110-145-325-98-380 70-120-29-240 51-240 179 0 30 6 60 21 87 34 65 102 98 175 95 84-3 169 1 254-1 61-1 122 0 183 0 36 0 73 4 109-1 58-8 108-45 135-97 58-116-20-254-147-270-26-3-50 2-76 7zm-17 32c23-7 44-16 68-16 65-1 127 39 153 99 36 84-6 187-95 215-43 14-99 7-144 7-62 0-123 0-184 0s-121 0-181 0c-32 0-65 2-96-1-16-2-32-7-46-14-83-39-112-147-65-224 22-35 55-62 95-73 25-7 50-9 75-4 6 0 39 11 40 10s6-22 7-25c62-195 337-175 373 26z" fill="#062c6e" stroke="#062c6e"/></g></svg>
CSS background-image
.cloud {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Uz6aU0vgUurk/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Uz6aU0vgUurk/amnt.svg") center / contain no-repeat;
}
React
import CloudSvg from "./cloud.jsx"; // from the React tab above
<CloudSvg width={48} height={48} />