HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/axTIvTUf_JiI/amnt.svg" alt="Letter M" 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="M79 191v132h65v365h-65v120h280v-120h-65v-271c51 67 104 134 156 201 20 26 45 53 62 82l217-283v271h-65v120h281v-120h-66v-365h66v-132c-59 0-118 0-177 0-12 0-53-3-61 0-5 3-42 58-48 67-35 49-70 96-103 145-12 16-31 49-45 61-47-70-98-137-146-206-7-9-44-65-49-67-8-3-49 0-60 0-59 0-118 0-177 0z" fill="#fac202" stroke="#fac202"/></g><g id="navy" data-name="Navy"><path d="M49 162v189c12 5 51 1 66 1v307h-66c0 26-4 165 2 178h337v-178h-64c-3-14-1-31-1-45 0-38 0-75 1-112l188 246c8-13 18-25 27-37 28-36 55-71 82-107 16-20 31-40 46-60 11-14 20-30 33-41v156h-65v178h339v-178h-65v-307h65v-191c-60 0-120 0-180 1-15 0-95-4-103 1-6 3-25 34-30 41-32 45-64 90-95 134-18 25-35 52-54 77-51-72-101-143-152-214-4-6-23-36-27-38-8-5-94-2-111-2-41 0-82 0-123 1-16 0-33-2-50 0zm30 29c59 0 118 0 177 0 11 0 52-3 60 0 5 2 42 58 49 67 48 69 99 136 146 206 14-12 33-45 45-61 33-49 68-96 103-145 6-9 43-64 48-67 8-3 49 0 61 0 59 0 118 0 177 0v132h-66v365h66v120h-281v-120h65v-271l-217 283c-17-29-42-56-62-82-52-67-105-134-156-201v271h65v120h-280v-120h65v-365h-65z" fill="#011b55" stroke="#011b55"/></g></svg>
CSS background-image
.letter-m {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/axTIvTUf_JiI/amnt.svg");
background-size: contain;
}
React
import LetterMSvg from "./letter-m.jsx"; // from the React tab above
<LetterMSvg width={48} height={48} />
