HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ocozLo340YIo/amnt.svg" alt="Flash" 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="amber" data-name="Amber"><path d="M669 90l-349 371 170 1-169 388c22-23 41-49 62-72 44-52 88-104 133-156 44-52 88-104 132-156 15-18 50-54 60-72-18-3-37 0-55 0-29 0-58-1-88-1-10 0-20 2-30 1z" fill="#fdcb02" stroke="#fdcb02"/></g><g id="navy" data-name="Navy"><path d="M722 19c-4 0-12-2-16 0-5 1-92 97-103 109-37 39-74 78-111 118-52 57-106 112-159 169-20 22-46 43-63 68h186c-9 30-25 58-37 87-22 51-44 101-66 151-17 40-34 80-52 120-6 13-48 105-48 111 0 2 2 5 4 7 9-9 16-19 24-28 25-30 50-59 75-88 50-59 101-118 151-177 59-70 119-139 178-210 22-25 47-62 72-84h-188zM669 90l-134 304c10 1 20-1 30-1 30 0 59 1 88 1 18 0 37-3 55 0-10 18-45 54-60 72-44 52-88 104-132 156-45 52-89 104-133 156-21 23-40 49-62 72l169-388-170-1z" fill="#011d4e" stroke="#011d4e"/></g></svg>
CSS background-image
.flash {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ocozLo340YIo/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.flash {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ocozLo340YIo/amnt.svg") center / contain no-repeat;
}
React
import FlashSvg from "./flash.jsx"; // from the React tab above
<FlashSvg width={48} height={48} />