API SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/euqUWNJofCbs/amnt.svg" alt="API" width="48" height="48">

<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="M847 371c-12-80-36-99-89-153-14-13-57-62-71-66-8-3-19-3-26 1-8 4-14 13-16 22-2 11 0 23 0 34-67 0-135 0-202 0-37 0-75-3-110 2-62 10-115 55-140 111-7 16-10 33-16 48-170 25-151 255-2 268 2 10 3 20 5 30 13 52 53 85 92 117 15 13 57 53 70 60 18 9 38 0 43-19 3-13 1-28 1-41 59 0 118 0 178 0 22 0 46-1 69-1 19 0 38 2 57-1 75-11 140-70 154-145 21 0 41-8 58-18 83-49 88-166 11-224-18-13-43-25-66-25zM667 291c-84 0-169-1-253 0-22 0-44-2-65 0-49 5-89 47-97 94-17-7-33-12-51-15 2-17 10-34 18-48 31-56 83-89 147-89 100 0 201 0 301 0 0-9-3-52 2-57 3-4 7-3 11-2 7 3 21 20 26 26 10 9 55 49 58 57 2 3 2 5 2 8-1 8-53 55-62 65-5 4-20 23-25 24-4 1-8 1-10-2-5-6-2-51-2-61zm120-11c20 24 38 58 36 91-17-1-33 6-48 13 1-24-9-50-24-68zM645 314c0 13-2 28 0 40 2 8 7 15 14 20 8 5 18 5 27 2s41-35 49-44c11 14 23 48 17 66-2 5-11 10-15 14-17 17-28 40-34 64-6 29-2 61 11 88 4 9 10 18 16 25 4 5 19 17 20 21 1 5-2 13-5 18-26 65-96 53-153 53-68 0-137 0-206 0 0-14 3-31-2-44-6-15-23-21-38-16-13 4-49 38-60 50-12-11-24-43-18-58 2-4 9-7 12-10 22-19 36-47 41-75 7-39-4-82-31-112-4-5-15-11-17-17-2-8 3-21 6-28 30-73 96-54 159-57 68-3 138 0 207 0zM184 404c96-6 142 118 68 178-17 13-36 21-57 22-132 7-141-192-11-200zm643 0c18-1 36 3 52 12 88 46 62 182-39 188-131 8-142-190-13-200zM771 623c15 9 33 12 50 16-23 80-86 122-167 122-97 0-194 0-291 0 0 11 3 52-1 60-1 3-3 5-7 4-5 0-27-22-32-26-9-8-69-57-70-63-1-9 57-56 67-65 6-5 27-26 32-28 3-1 7-2 9 1 5 5 2 51 2 60 82 0 163 0 245 0 24 0 50 2 74-1 43-6 78-38 89-80zM269 686c-13 8-27 21-35 33-23-21-30-51-36-81 9 0 17-2 26-4 2-1 20-7 21-6 2 2 1 7 1 10 3 17 10 36 23 48z" fill="#062656" stroke="#062656"/></g><g id="green" data-name="Green"><path d="M667 291c0 10-3 55 2 61 2 3 6 3 10 2 5-1 20-20 25-24 9-10 61-57 62-65 0-3 0-5-2-8-3-8-48-48-58-57-5-6-19-23-26-26-4-1-8-2-11 2-5 5-2 48-2 57-100 0-201 0-301 0-64 0-116 33-147 89-8 14-16 31-18 48 18 3 34 8 51 15 8-47 48-89 97-94 21-2 43 0 65 0 84-1 169 0 253 0z" fill="#03c969" stroke="#03c969"/><path d="M787 280l-36 36c15 18 25 44 24 68 15-7 31-14 48-13 2-33-16-67-36-91z" fill="#03c969" stroke="#03c969"/></g><g id="tangerine" data-name="Tangerine"><path d="M771 623c-11 42-46 74-89 80-24 3-50 1-74 1-82 0-163 0-245 0 0-9 3-55-2-60-2-3-6-2-9-1-5 2-26 23-32 28-10 9-68 56-67 65 1 6 61 55 70 63 5 4 27 26 32 26 4 1 6-1 7-4 4-8 1-49 1-60 97 0 194 0 291 0 81 0 144-42 167-122-17-4-35-7-50-16z" fill="#fd8a01" stroke="#fd8a01"/><path d="M269 686c-13-12-20-31-23-48 0-3 1-8-1-10-1-1-19 5-21 6-9 2-17 4-26 4 6 30 13 60 36 81 8-12 22-25 35-33z" fill="#fd8a01" stroke="#fd8a01"/></g><g id="amber" data-name="Amber"><path d="M827 404c-129 10-118 208 13 200 101-6 127-142 39-188-16-9-34-13-52-12z" fill="#fdcc02" stroke="#fdcc02"/></g><g id="sky" data-name="Sky"><path d="M184 404c-130 8-121 207 11 200 21-1 40-9 57-22 74-60 28-184-68-178z" fill="#01bafb" stroke="#01bafb"/></g></svg>

.api {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/euqUWNJofCbs/amnt.svg");
  background-size: contain;
}

.api {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/euqUWNJofCbs/amnt.svg") center / contain no-repeat;
}

import APISvg from "./api.jsx"; // from the React tab above

<APISvg width={48} height={48} />