HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YnYqysINp4dX/amnt.svg" alt="Devices" 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="sky" data-name="Sky"><path d="M697 357c0-47 3-96 0-143-1-9-3-18-11-23-11-7-88-3-106-3-95 0-191 0-285 0-48 0-96 0-143 0-15 0-30-2-44 0-30 5-20 58-20 80 0 94 0 189 0 284h435c0-34 0-69 0-103 0-17-2-33 0-49 1-9 4-17 9-24 7-10 18-17 30-19 13-2 28 0 42 0 31 0 62 0 93 0zM234 210c5 0 10 2 13 6 5 5 6 11 3 17-3 9-40 45-49 55-12 12-65 72-76 73-5 1-11-1-14-5-4-5-5-11-2-17 4-12 39-44 50-55 11-12 64-73 75-74zm-12 88c5 0 9 1 12 5 4 4 5 10 3 16-1 6-65 72-72 72-4 1-10-1-13-5-4-4-4-10-2-16 2-7 66-71 72-72z" fill="#8accfb" stroke="#8accfb"/></g><g id="navy" data-name="Navy"><path d="M731 356c0-36 0-72 0-107 0-17 2-37-1-53-3-11-9-22-18-29-8-7-19-13-31-14-16-2-34 0-50 0-37 0-74 0-110 0-94 0-186 0-279 0-45 0-90-3-134 0-26 2-50 21-54 48-2 13 0 28 0 41-1 20-1 40-1 59 0 66 1 133 1 200 0 24 0 48 0 73 0 35-6 78 33 95 25 11 164 5 200 5 1 19-2 43-7 61-18 3-51 6-54 29-1 6 0 11 3 15s7 6 11 7c18 3 66 0 88 0 34 0 70 0 105 0 15 0 94 3 102-3 6 7 16 13 26 15 23 3 48 0 72 0 36 0 72 1 109 1 11 0 23-3 35 0 7 42 46 36 79 36 21 0 42 0 64 0 50 0 51-22 51-65 0-20 1-39 1-58-1-56 0-112-1-168-1-46-34-43-69-43-22 0-43 0-64 0 0-25 4-100-6-119-23-44-72-15-101-26zm-34 1c-31 0-62 0-93 0-14 0-29-2-42 0-12 2-23 9-30 19-5 7-8 15-9 24-2 16 0 32 0 49 0 34 0 69 0 103h-435c0-95 0-190 0-284 0-22-10-75 20-80 14-2 29 0 44 0 47 0 95 0 143 0 94 0 190 0 285 0 18 0 95-4 106 3 8 5 10 14 11 23 3 47 0 96 0 143zM803 503c-12 5-21 14-24 27-6 20-2 45-2 67 0 48 0 97 0 146h-219c0-59 0-118 0-176 0-30 0-60 0-89 0-16-3-65 0-77 1-3 3-6 5-7 9-6 151-3 174-3 14 0 47-4 59 2 3 2 6 5 7 9 3 13 0 82 0 101zm54 17c4-2 41-2 40 6-1 2-2 4-4 5-4 2-41 2-40-6 1-2 2-4 4-5zm92 27v239h-148v-239zM76 583h447v69c-86 0-172 0-257 0-43 0-87 0-129 0-61 0-61-13-61-69zm235 91h149c7 20 4 45 9 66 5 23 35 13 51 24-14 1-28-1-42 0-57 2-114 1-170 0-18 0-39 2-58 0 17-9 48-1 52-23 5-22 3-45 9-67zm172 0h40v68l-33-8zm195 81c18-2 23 25 5 28-19 4-24-25-5-28zm194 42c16-3 22 22 6 25s-22-22-6-25z" fill="#022a59" stroke="#022a59"/><path d="M384 598c-25 4-17 43 8 38 25-4 16-42-8-38z" fill="#022a59" stroke="#022a59"/></g><g id="turquoise" data-name="Turquoise"><path d="M803 503c0-19 3-88 0-101-1-4-4-7-7-9-12-6-45-2-59-2-23 0-165-3-174 3-2 1-4 4-5 7-3 12 0 61 0 77 0 29 0 59 0 89 0 58 0 117 0 176h219c0-49 0-98 0-146 0-22-4-47 2-67 3-13 12-22 24-27zM658 407c5 0 10 2 13 6 13 17-16 38-27 49-9 9-44 49-54 50-5 0-10-1-13-5-4-5-5-11-3-17 3-8 77-82 84-83zm-10 77c5 0 9 1 12 5 4 4 5 10 3 15-1 7-43 48-50 49-5 1-9-1-12-5-4-5-5-10-2-16 2-7 43-47 49-48z" fill="#36c6c8" stroke="#36c6c8"/></g><g id="white" data-name="White"><path d="M949 547h-148v239h148zm-79 14c4-1 9 0 12 4 3 3 2 8 1 12s-51 51-55 52-8 0-11-4c-4-4-3-9-1-13s51-50 54-51zm-2 50c3 0 6 2 8 5 3 3 3 6 2 10-1 5-46 48-52 48-3 0-6-1-8-4-3-4-4-7-2-12s47-47 52-47z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M76 583c0 56 0 69 61 69 42 0 86 0 129 0 85 0 171 0 257 0v-69zm308 15c24-4 33 34 8 38-25 5-33-34-8-38z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M678 755c-19 3-14 32 5 28 18-3 13-30-5-28z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="baby-blue" data-name="Baby Blue"><path d="M311 674c-6 22-4 45-9 67-4 22-35 14-52 23 19 2 40 0 58 0 56 1 113 2 170 0 14-1 28 1 42 0-16-11-46-1-51-24-5-21-2-46-9-66z" fill="#bae9e9" stroke="#bae9e9"/><path d="M234 210c-11 1-64 62-75 74-11 11-46 43-50 55-3 6-2 12 2 17 3 4 9 6 14 5 11-1 64-61 76-73 9-10 46-46 49-55 3-6 2-12-3-17-3-4-8-6-13-6z" fill="#bae9e9" stroke="#bae9e9"/><path d="M658 407c-7 1-81 75-84 83-2 6-1 12 3 17 3 4 8 5 13 5 10-1 45-41 54-50 11-11 40-32 27-49-3-4-8-6-13-6z" fill="#bae9e9" stroke="#bae9e9"/><path d="M222 298c-6 1-70 65-72 72-2 6-2 12 2 16 3 4 9 6 13 5 7 0 71-66 72-72 2-6 1-12-3-16-3-4-7-5-12-5z" fill="#bae9e9" stroke="#bae9e9"/><path d="M648 484c-6 1-47 41-49 48-3 6-2 11 2 16 3 4 7 6 12 5 7-1 49-42 50-49 2-5 1-11-3-15-3-4-7-5-12-5z" fill="#bae9e9" stroke="#bae9e9"/><path d="M870 561c-3 1-52 47-54 51s-3 9 1 13c3 4 7 5 11 4s54-48 55-52 2-9-1-12c-3-4-8-5-12-4z" fi
…
CSS background-image
.devices {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YnYqysINp4dX/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.devices {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YnYqysINp4dX/amnt.svg") center / contain no-repeat;
}
React
import DevicesSvg from "./devices.jsx"; // from the React tab above
<DevicesSvg width={48} height={48} />