HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EM07NxKhnzuQ/amnt.svg" alt="Upload" 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="mist" data-name="Mist"><path d="M115 642h-2l-7 1c-10 1-18 8-21 17-6 17-2 115-2 140v7 27 6 44l1 7c0 12 11 22 22 23l65 1h10l734-1c36 2 25-70 25-91 0-40 0-78 0-117 0-55 6-64-53-64-20 0-62-4-79 2-8 2-15 11-15 20l-1 26v13 9c0 11 1 22-2 33-7 23-31 43-55 42l-121 1h-11-7c-71 0-141 0-211 0-28 0-85 4-109-1-26-6-47-31-45-57l-1-66c0-15-16-23-29-22h-7-65z" fill="#d6dde6" stroke="#d6dde6"/></g><g id="navy" data-name="Navy"><path d="M630 353c19 0 37 0 56 0 32 0 71 2 80-39 2-11 1-24-5-35-10-19-48-50-64-67-35-35-70-70-105-105-16-15-30-34-48-46-10-7-22-11-33-11-12 0-23 4-32 11-16 11-30 29-44 43-37 36-73 73-109 110-17 17-56 49-65 69-5 11-5 23-2 34 9 39 49 36 81 36 18 0 37 0 56 0l-1 402c-21 0-109 5-122-6-8-6-9-16-9-25-2-43 11-105-47-114-21-3-93-3-114-1-12 1-24 7-33 15-9 7-16 18-19 30-5 23-1 83-1 111 0 33-7 128 8 153 24 42 90 30 132 30 107 0 214 0 322 0 107 0 215 0 323 0 41 0 106 12 130-30 4-6 7-14 8-21 2-13 0-27 0-40 0-31 0-62 0-92 0-28 4-88-1-112-3-12-10-23-19-30-7-6-15-11-24-13-16-3-103-3-121-1-59 8-47 71-49 113 0 11-2 23-14 29-14 7-93 3-114 3zM597 754l-168 1c0-85 0-171 0-256 0-43 0-87 0-129 0-12 2-26 0-37-5-20-62-13-79-13-13 0-47 4-55-5-5-5-5-12-3-18 4-10 73-75 86-87 31-31 61-62 92-93 9-9 18-22 29-29 4-3 7-4 11-4 5-1 9 0 13 3 10 6 20 19 29 28 30 31 61 61 92 92 12 12 85 81 88 89s1 18-7 22c-12 6-32 2-45 2-18 0-56-3-71 1-5 1-10 5-11 10-4 10-1 25-1 36 0 42 0 86 0 129 0 86 0 172 0 258zM113 642h2 14 65 7c13-1 29 7 29 22l1 66c-2 26 19 51 45 57 24 5 81 1 109 1 70 0 140 0 211 0h7 11l121-1c24 1 48-19 55-42 3-11 2-22 2-33v-9-13l1-26c0-9 7-18 15-20 17-6 59-2 79-2 59 0 53 9 53 64 0 39 0 77 0 117 0 21 11 93-25 91l-734 1h-10l-65-1c-11-1-22-11-22-23l-1-7v-44-6-27-7c0-25-4-123 2-140 3-9 11-16 21-17z" fill="#012662" stroke="#012662"/></g><g id="blue" data-name="Blue"><path d="M597 754c0-86 0-172 0-258 0-43 0-87 0-129 0-11-3-26 1-36 1-5 6-9 11-10 15-4 53-1 71-1 13 0 33 4 45-2 8-4 10-14 7-22s-76-77-88-89c-31-31-62-61-92-92-9-9-19-22-29-28-4-3-8-4-13-3-4 0-7 1-11 4-11 7-20 20-29 29-31 31-61 62-92 93-13 12-82 77-86 87-2 6-2 13 3 18 8 9 42 5 55 5 17 0 74-7 79 13 2 11 0 25 0 37 0 42 0 86 0 129 0 85 0 171 0 256z" fill="#1281fb" stroke="#1281fb"/><path d="M181 915l734-1z" fill="#1281fb" stroke="#1281fb"/><path d="M614 788l121-1z" fill="#1281fb" stroke="#1281fb"/><path d="M231 730l-1-66z" fill="#1281fb" stroke="#1281fb"/><path d="M171 915l-65-1z" fill="#1281fb" stroke="#1281fb"/><path d="M792 690l1-26z" fill="#1281fb" stroke="#1281fb"/><path d="M129 642h-14z" fill="#1281fb" stroke="#1281fb"/><path d="M792 712v-9z" fill="#1281fb" stroke="#1281fb"/><path d="M106 643l7-1z" fill="#1281fb" stroke="#1281fb"/><path d="M201 642h-7z" fill="#1281fb" stroke="#1281fb"/><path d="M596 788h7z" fill="#1281fb" stroke="#1281fb"/><path d="M83 807v-7z" fill="#1281fb" stroke="#1281fb"/><path d="M84 891l-1-7z" fill="#1281fb" stroke="#1281fb"/><path d="M83 840v-6z" fill="#1281fb" stroke="#1281fb"/></g></svg>
CSS background-image
.upload {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EM07NxKhnzuQ/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.upload {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EM07NxKhnzuQ/amnt.svg") center / contain no-repeat;
}
React
import UploadSvg from "./upload.jsx"; // from the React tab above
<UploadSvg width={48} height={48} />