HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ArizpaKF81eM/amnt.svg" alt="Star 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="grape" data-name="Grape"><path d="M511 18c-8 1-55 39-66 46-23 15-46 27-71 39-52 26-112 42-170 49-14 2-73 4-80 9-5 3-6 9-6 15-5 34-6 70-6 105 0 68 3 136 16 203 21 110 70 214 142 299 33 40 70 77 111 109 18 14 116 88 132 87 17-1 114-75 131-90 40-33 79-69 111-110 70-88 119-189 140-300 12-66 20-135 17-202-1-35 0-71-6-105-1-5-2-11-8-13s-67-5-81-7c-59-8-117-25-170-50-24-12-48-25-71-40-11-7-56-44-65-44zm1 131c9 15 13 35 19 51 17 47 35 94 52 141 2 4 4 16 8 18 5 3 89 4 103 4 24 1 48 0 72 1 20 1 39 3 58 2-58 45-117 90-176 135-4 2-9 5-10 10-1 6 28 88 32 102 12 39 26 78 37 117-22-9-75-48-98-63-12-8-92-63-98-63-4 1-87 57-98 64-20 13-41 26-62 40-12 7-23 17-36 23 2-15 9-30 14-45 7-24 15-48 23-72 4-13 33-97 32-103-1-5-6-7-10-10-59-45-117-90-176-135 43 0 86-3 130-3 13 0 100 0 105-4 3-2 5-13 7-17 16-45 33-89 50-134 7-18 11-42 22-59z" fill="#012461" stroke="#012461"/></g><g id="amber" data-name="Amber"><path d="M512 149c-11 17-15 41-22 59-17 45-34 89-50 134-2 4-4 15-7 17-5 4-92 4-105 4-44 0-87 3-130 3 59 45 117 90 176 135 4 3 9 5 10 10 1 6-28 90-32 103-8 24-16 48-23 72-5 15-12 30-14 45 13-6 24-16 36-23 21-14 42-27 62-40 11-7 94-63 98-64 6 0 86 55 98 63 23 15 76 54 98 63-11-39-25-78-37-117-4-14-33-96-32-102 1-5 6-8 10-10 59-45 118-90 176-135-19 1-38-1-58-2-24-1-48 0-72-1-14 0-98-1-103-4-4-2-6-14-8-18-17-47-35-94-52-141-6-16-10-36-19-51z" fill="#fcb902" stroke="#fcb902"/></g></svg>
CSS background-image
.star-shield {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ArizpaKF81eM/amnt.svg");
background-size: contain;
}
React
import StarShieldSvg from "./star-shield.jsx"; // from the React tab above
<StarShieldSvg width={48} height={48} />
