HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ReAPeNRaqOVS/amnt.svg" alt="Partly Cloudy" 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="white" data-name="White"><path d="M819 557c-4-18-5-37-11-54-23-71-85-121-159-130-81-10-159 36-198 106-5 9-11 20-14 31-56-25-122-2-140 60-5 14-5 28-5 43-119 17-171 166-67 230 13 8 28 13 43 16 16 2 34 1 51 1 30 0 62 0 93 0 66 0 132 0 199 0 44 0 88 0 133 0 27 0 56 2 83 0 47-4 91-32 116-71 64-100-5-231-124-232z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M539 370c-11-17-19-35-34-49-65-65-169-71-240-12-43 35-66 91-63 146 2 29 8 56 23 82 8 15 20 28 33 40 2 3 11 8 12 11 1 2 2 4 2 6-25 9-49 18-69 36-70 61-75 170 3 226 53 38 127 23 189 26 71 3 142-3 214 0 17 1 34-1 52-1 23 0 46 1 70 1 91 0 175 7 230-82 49-80 28-193-55-240-20-12-45-22-68-22-22-142-164-228-299-168zm-19 9c-7 6-15 9-22 15-30 22-59 53-73 89-14-2-27-6-41-5-51 3-94 40-108 88-12-12-24-25-33-40-38-68-21-158 41-205 61-47 149-42 203 12 14 14 23 30 33 46zM819 557c119 1 188 132 124 232-25 39-69 67-116 71-27 2-56 0-83 0-45 0-89 0-133 0-67 0-133 0-199 0-31 0-63 0-93 0-17 0-35 1-51-1-15-3-30-8-43-16-104-64-52-213 67-230 0-15 0-29 5-43 18-62 84-85 140-60 3-11 9-22 14-31 39-70 117-116 198-106 74 9 136 59 159 130 6 17 7 36 11 54z" fill="#01235d" stroke="#01235d"/><path d="M371 97c-11 2-23 10-28 19-10 18-6 42-6 62 0 34-5 92 50 82 41-7 32-59 32-89 0-11 2-24 1-35-3-25-24-42-49-39zm5 20c9-1 18 4 21 13 4 10 4 88 0 98-2 7-9 12-17 13-8 0-17-4-20-11-5-12-5-89 0-101 2-6 10-11 16-12z" fill="#01235d" stroke="#01235d"/><path d="M187 529c-6 1-13 3-18 6-11 6-71 64-75 75-7 15-4 33 7 46 9 9 20 13 33 13 8-1 16-4 23-10 14-11 65-59 70-73 7-16 3-35-10-46-9-7-19-11-30-11zm-2 21c7-1 15 1 20 7 5 5 7 13 4 20-2 7-65 69-73 71-7 1-15-1-20-6-6-7-8-16-3-25 4-8 65-65 72-67z" fill="#01235d" stroke="#01235d"/><path d="M582 184c-7 1-14 4-20 8-11 7-64 60-70 71-7 14-5 33 5 46 9 11 22 15 36 14 7-1 14-3 21-8 12-9 65-61 69-73 7-15 5-31-6-44-9-9-22-15-35-14zm-1 21c7-1 15 1 20 7 6 6 7 16 3 24-3 7-65 66-71 67-7 1-15-1-20-7-6-6-6-15-3-23s63-66 71-68z" fill="#01235d" stroke="#01235d"/><path d="M167 184c-11 1-22 8-29 16-9 12-11 28-5 42 4 11 64 71 75 77 7 4 16 5 23 5 11-1 21-7 28-15 10-13 12-28 6-43-5-12-60-68-73-76-7-4-17-6-25-6zm-1 21c5-1 11 0 16 3 8 5 63 61 65 67 3 11-2 26-15 28-5 1-10 0-14-2-7-3-62-58-65-65-6-11-1-28 13-31z" fill="#01235d" stroke="#01235d"/><path d="M76 386c-35 4-53 46-26 71 18 17 83 12 108 11 35-2 55-44 28-70-6-5-12-9-20-11-18-4-71-3-90-1zm8 20c14-1 66-1 77 1 26 5 22 40-7 41-17 1-68 3-81-1-24-5-20-39 11-41z" fill="#01235d" stroke="#01235d"/></g><g id="amber" data-name="Amber"><path d="M520 379c-10-16-19-32-33-46-54-54-142-59-203-12-62 47-79 137-41 205 9 15 21 28 33 40 14-48 57-85 108-88 14-1 27 3 41 5 14-36 43-67 73-89 7-6 15-9 22-15z" fill="#fdc902" stroke="#fdc902"/><path d="M376 117c-6 1-14 6-16 12-5 12-5 89 0 101 3 7 12 11 20 11 8-1 15-6 17-13 4-10 4-88 0-98-3-9-12-14-21-13z" fill="#fdc902" stroke="#fdc902"/><path d="M185 550c-7 2-68 59-72 67-5 9-3 18 3 25 5 5 13 7 20 6 8-2 71-64 73-71 3-7 1-15-4-20-5-6-13-8-20-7z" fill="#fdc902" stroke="#fdc902"/><path d="M581 205c-8 2-68 60-71 68s-3 17 3 23c5 6 13 8 20 7 6-1 68-60 71-67 4-8 3-18-3-24-5-6-13-8-20-7z" fill="#fdc902" stroke="#fdc902"/><path d="M166 205c-14 3-19 20-13 31 3 7 58 62 65 65 4 2 9 3 14 2 13-2 18-17 15-28-2-6-57-62-65-67-5-3-11-4-16-3z" fill="#fdc902" stroke="#fdc902"/><path d="M84 406c-31 2-35 36-11 41 13 4 64 2 81 1 29-1 33-36 7-41-11-2-63-2-77-1z" fill="#fdc902" stroke="#fdc902"/></g></svg>
CSS background-image
.partly-cloudy {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ReAPeNRaqOVS/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.partly-cloudy {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ReAPeNRaqOVS/amnt.svg") center / contain no-repeat;
}
React
import PartlyCloudySvg from "./partly-cloudy.jsx"; // from the React tab above
<PartlyCloudySvg width={48} height={48} />