HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/58XHVU9uBIPH/amnt.svg" alt="Server" 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="M359 421c-20 0-40 1-60 1-36 0-87-5-94 44-2 16 0 33-1 49-2 53 13 77 69 75 38-2 77 0 116 0 93 0 186 1 279 1 21 0 42 0 64 0 37 0 82 2 88-46 1-16 0-33 0-49 0-61-16-73-75-73-129 0-259-2-386-2zm-69 32c72-9 86 99 15 108-72 9-84-99-15-108zm332 0c7 0 14 5 16 11 4 9 4 76 0 85-2 7-8 11-16 11-7 0-14-4-16-11-4-9-4-75 0-84 2-6 9-12 16-12zm67 1c8-1 18 2 21 10 3 9 3 77 0 85-2 5-6 10-12 11-8 1-18-2-21-10s-3-75 0-84c1-6 6-11 12-12zm69 0c7-1 15 1 19 7s5 80 2 88c-2 5-8 10-13 11-31 6-22-46-21-64 0-9-2-21 1-30 1-6 6-11 12-12z" fill="#cbd0d7" stroke="#cbd0d7"/><path d="M254 662c-49 5-48 43-50 80-1 20-5 41 4 60 5 11 15 20 27 25 21 8 113 5 141 4 45-2 90-1 136-1 31 0 62-1 93 0 51 2 113 4 162 1 58-3 54-57 52-100-1-13 1-26-5-39-6-14-19-24-34-27-19-5-42-2-61-2-24 0-48-1-71-1-89 0-178 0-267 0-42 0-86-4-127 0zm37 31c72-8 84 100 14 109-72 9-85-101-14-109zm329 0c7-1 16 4 18 11 4 9 4 76 0 85-2 6-8 11-14 11-7 1-15-3-18-9-4-8-4-79 0-87 2-5 8-10 14-11zm71 0c8 0 16 5 18 12 4 9 4 75 0 84-2 6-8 11-14 11-7 1-14-2-17-7-5-7-5-80-1-89 2-6 8-10 14-11zm70 0c7 0 15 4 17 11 4 8 4 78 0 86-2 6-8 10-15 11-7 0-15-5-17-12-4-9-4-75 0-84 2-6 8-11 15-12z" fill="#cbd0d7" stroke="#cbd0d7"/><path d="M254 181c-49 5-46 48-48 85-1 19-5 39 4 57 6 12 20 23 34 26 24 5 104 1 135 1 92 0 183 0 276 0 38 0 77 5 115 1 51-5 50-46 49-84-1-19 2-39-6-56-6-13-17-23-31-27-26-7-105-2-136-2-92 0-183-1-274-1-39 0-80-3-118 0zm40 31c72-5 79 104 7 109s-78-104-7-109zm326 1c7-1 15 3 18 10 4 9 4 77 0 86-2 6-7 10-14 11s-15-3-18-10c-4-9-4-78 0-86 2-5 8-10 14-11zm71 0c8-1 17 4 19 12 3 8 2 77 0 84-2 5-7 10-12 11-8 1-18-2-21-10-3-7-3-80 1-87 2-5 8-9 13-10zm70 0c6 0 14 3 17 9 4 8 4 77 1 86-1 6-7 11-14 12s-16-2-19-10-3-75 0-84c1-7 8-12 15-13z" fill="#cbd0d7" stroke="#cbd0d7"/></g><g id="charcoal" data-name="Charcoal"><path d="M250 396c-36 4-66 31-71 68-2 14 0 29-1 43-1 13-2 26-1 39 4 35 33 66 69 70 27 3 56 0 84 0 69 0 137 0 207 0 33 0 68-1 102 0 42 2 92 4 134 1 37-3 69-32 73-70 1-12 0-26 0-38 0-14 1-29 0-42-7-80-94-71-151-71-102 0-203 0-304 0-32 0-63 0-94 0-16 0-32-1-47 0zm109 25c127 0 257 2 386 2 59 0 75 12 75 73 0 16 1 33 0 49-6 48-51 46-88 46-22 0-43 0-64 0-93 0-186-1-279-1-39 0-78-2-116 0-56 2-71-22-69-75 1-16-1-33 1-49 7-49 58-44 94-44 20 0 40-1 60-1z" fill="#2e3943" stroke="#2e3943"/><path d="M274 636c-46 0-90 18-95 70-2 19-1 38-2 57-2 46 17 85 67 93 19 3 41 1 61 1 148-1 296 0 445 0 45 0 86-14 95-65 3-20 1-42 1-62 0-48-21-88-73-93-19-2-38 0-57 0-148 0-295-1-442-1zm-20 26c41-4 85 0 127 0 89 0 178 0 267 0 23 0 47 1 71 1 19 0 42-3 61 2 15 3 28 13 34 27 6 13 4 26 5 39 2 43 6 97-52 100-49 3-111 1-162-1-31-1-62 0-93 0-46 0-91-1-136 1-28 1-120 4-141-4-12-5-22-14-27-25-9-19-5-40-4-60 2-37 1-75 50-80z" fill="#2e3943" stroke="#2e3943"/><path d="M265 155c-89 0-85 72-87 139-1 40 25 74 66 81 24 4 51 1 76 1 144 0 291 0 437 1 43 0 84-24 89-71 2-20-1-42-1-63-5-92-64-87-137-87-148 0-296-1-443-1zm-11 26c38-3 79 0 118 0 91 0 182 1 274 1 31 0 110-5 136 2 14 4 25 14 31 27 8 17 5 37 6 56 1 38 2 79-49 84-38 4-77-1-115-1-93 0-184 0-276 0-31 0-111 4-135-1-14-3-28-14-34-26-9-18-5-38-4-57 2-37-1-80 48-85z" fill="#2e3943" stroke="#2e3943"/><path d="M291 693c-71 8-58 118 14 109 70-9 58-117-14-109zm4 25c37-3 43 56 5 59-37 3-43-56-5-59z" fill="#2e3943" stroke="#2e3943"/><path d="M294 212c-71 5-65 114 7 109s65-114-7-109zm-3 26c39-7 49 50 13 57-39 8-50-50-13-57z" fill="#2e3943" stroke="#2e3943"/><path d="M290 453c-69 9-57 117 15 108 71-9 57-117-15-108zm5 25c38-3 43 56 5 59-37 3-43-56-5-59z" fill="#2e3943" stroke="#2e3943"/><path d="M620 693c-6 1-12 6-14 11-4 8-4 79 0 87 3 6 11 10 18 9 6 0 12-5 14-11 4-9 4-76 0-85-2-7-11-12-18-11z" fill="#2e3943" stroke="#2e3943"/><path d="M691 693c-6 1-12 5-14 11-4 9-4 82 1 89 3 5 10 8 17 7 6 0 12-5 14-11 4-9 4-75 0-84-2-7-10-12-18-12z" fill="#2e3943" stroke="#2e3943"/><path d="M761 693c-7 1-13 6-15 12-4 9-4 75 0 84 2 7 10 12 17 12 7-1 13-5 15-11 4-8 4-78 0-86-2-7-10-11-17-11z" fill=
…
CSS background-image
.server {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/58XHVU9uBIPH/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.server {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/58XHVU9uBIPH/amnt.svg") center / contain no-repeat;
}
React
import ServerSvg from "./server.jsx"; // from the React tab above
<ServerSvg width={48} height={48} />