HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-5md83PbXZiB/amnt.svg" alt="Shield" 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="purple" data-name="Purple"><path d="M512 90c-16 10-30 22-47 32-66 39-140 68-215 84-22 4-43 9-65 12-4 0-13-1-16 3-5 5 1 78 2 90 4 54 13 107 28 160 36 134 109 257 211 350 19 18 38 35 57 52 14 13 31 25 45 40 18-20 42-36 61-54 46-42 92-86 129-135 57-76 99-162 124-254 14-53 23-107 27-161 1-13 7-84 0-90-3-2-16-1-20-2-20-3-40-7-60-11-70-16-140-41-202-77-20-12-39-28-59-39z" fill="#015bfb" stroke="#015bfb"/></g><g id="grape" data-name="Grape"><path d="M512 2c-10 21-29 36-47 49-74 53-162 85-252 102-108 20-109-8-104 119 3 66 11 133 28 197 28 110 76 212 146 302 48 61 108 113 166 165 20 18 44 33 63 53 30-21 58-47 85-72 32-30 66-58 96-91 94-102 161-223 195-358 16-65 23-131 26-197 6-129 4-97-104-118-83-17-255-73-298-151zm0 88c20 11 39 27 59 39 62 36 132 61 202 77 20 4 40 8 60 11 4 1 17 0 20 2 7 6 1 77 0 90-4 54-13 108-27 161-25 92-67 178-124 254-37 49-83 93-129 135-19 18-43 34-61 54-14-15-31-27-45-40-19-17-38-34-57-52-102-93-175-216-211-350-15-53-24-106-28-160-1-12-7-85-2-90 3-4 12-3 16-3 22-3 43-8 65-12 75-16 149-45 215-84 17-10 31-22 47-32z" fill="#01215e" stroke="#01215e"/></g></svg>
CSS background-image
.shield {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-5md83PbXZiB/amnt.svg");
background-size: contain;
}
React
import ShieldSvg from "./shield.jsx"; // from the React tab above
<ShieldSvg width={48} height={48} />