HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/O-6RdYBxYMG1/amnt.svg" alt="Letter K" 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="M366 125h-149c-4 15-2 34-1 50 1 22 0 46-1 69-1 22 2 44 1 67-1 33-1 66 0 100 1 27-1 55 0 84 1 20-2 41-1 61 1 27 0 53 0 79 1 46 1 92 1 138 0 30-3 62 1 93h149c0-54 0-109 0-163 0-23-4-150 1-160 24 23 44 50 66 74 38 43 75 87 113 130 30 33 59 67 88 101 5 5 10 15 16 17 11 4 48 1 62 1 31 0 62 0 94 0 4 0 18 2 21-1 2-2-13-17-15-20-6-6-11-12-17-19-15-16-30-33-45-49-30-33-60-67-90-100-41-46-82-91-123-136-19-20-37-43-57-62l342-353c-28-5-66-1-94-1-13 0-58-3-66 0-5 2-11 11-14 15-32 31-62 64-93 96-64 64-124 131-188 195z" fill="#011e5e" stroke="#011e5e"/></g><g id="black" data-name="Black"><path d="M200 109v772h182l1-297c21 18 38 44 57 65 42 47 83 95 124 143 10 11 71 86 78 88 8 3 20 1 29 1 65 0 129 0 195 0-30-28-58-65-87-96-66-73-132-146-198-219-27-29-52-59-80-86l359-371c-64 0-127 0-190 0-5 0-11-1-15 1-6 2-75 77-86 89-64 63-123 130-187 194v-284zm166 16l1 306c64-64 124-131 188-195 31-32 61-65 93-96 3-4 9-13 14-15 8-3 53 0 66 0 28 0 66-4 94 1l-342 353c20 19 38 42 57 62 41 45 82 90 123 136 30 33 60 67 90 100 15 16 30 33 45 49 6 7 11 13 17 19 2 3 17 18 15 20-3 3-17 1-21 1-32 0-63 0-94 0-14 0-51 3-62-1-6-2-11-12-16-17-29-34-58-68-88-101-38-43-75-87-113-130-22-24-42-51-66-74-5 10-1 137-1 160 0 54 0 109 0 163h-149c-4-31-1-63-1-93 0-46 0-92-1-138 0-26 1-52 0-79-1-20 2-41 1-61-1-29 1-57 0-84-1-34-1-67 0-100 1-23-2-45-1-67 1-23 2-47 1-69-1-16-3-35 1-50z" fill="#010102" stroke="#010102"/></g></svg>
CSS background-image
.letter-k {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/O-6RdYBxYMG1/amnt.svg");
background-size: contain;
}
React
import LetterKSvg from "./letter-k.jsx"; // from the React tab above
<LetterKSvg width={48} height={48} />