HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7TIGlklNjRSv/amnt.svg" alt="Letter B" 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="navy" data-name="Navy"><path d="M396 370c1-65 0-130 0-194 0-17 0-33 0-49 0-25 3-60-30-65-16-2-34 0-50 0s-31 0-46 0c-26 0-58-1-62 32-2 17 0 37 0 55 0 64 0 129 0 194 0 129 0 258 0 388 0 24-4 120 4 137 7 13 20 18 35 18 23 1 86 3 106-1 11-2 21-11 24-21 5-12 2-24 4-36 20 15 38 31 61 43 76 39 172 34 246-5 94-49 149-147 153-251 6-150-85-284-238-303-38-5-76-2-112 8-36 11-64 30-95 50zm108 93c191-17 203 268 30 284-192 16-203-268-30-284z" fill="#01225d" stroke="#01225d"/></g><g id="black" data-name="Black"><path d="M416 332c0-70 0-140 0-209 0-14 1-27-2-40-14-55-86-38-127-40-38-1-92-4-98 47-2 20 0 42 0 63 0 63-2 128 0 192 1 35-3 71-1 106 2 38 0 75 0 112 0 63 1 125 0 187 0 18 1 37 1 55 0 38-7 89 41 99 20 4 42 2 62 2 37 0 92 8 105-39 7 3 13 8 20 12 15 9 31 17 48 23 80 29 174 15 248-27 91-53 143-155 148-259 5-106-40-216-130-277-74-50-172-62-256-34-21 7-39 19-59 27zm-20 38c31-20 59-39 95-50 36-10 74-13 112-8 153 19 244 153 238 303-4 104-59 202-153 251-74 39-170 44-246 5-23-12-41-28-61-43-2 12 1 24-4 36-3 10-13 19-24 21-20 4-83 2-106 1-15 0-28-5-35-18-8-17-4-113-4-137 0-130 0-259 0-388 0-65 0-130 0-194 0-18-2-38 0-55 4-33 36-32 62-32 15 0 30 0 46 0s34-2 50 0c33 5 30 40 30 65 0 16 0 32 0 49 0 64 1 129 0 194z" fill="#010101" stroke="#010101"/><path d="M504 463c-173 16-162 300 30 284 173-16 161-301-30-284zm2 19c161-14 177 230 26 245-163 17-176-231-26-245z" fill="#010101" stroke="#010101"/></g></svg>
CSS background-image
.letter-b {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7TIGlklNjRSv/amnt.svg");
background-size: contain;
}
React
import LetterBSvg from "./letter-b.jsx"; // from the React tab above
<LetterBSvg width={48} height={48} />
