Stacked Arcs SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="turquoise" data-name="Turquoise"><path d="M127 540c-10 2-19 7-25 14-26 28 0 63 18 88 22 31 51 59 82 83 67 52 146 86 230 99 173 28 362-38 470-178 19-24 46-60 24-89-6-7-14-13-22-15-30-8-46 11-62 31-10 13-21 25-32 36-60 58-136 97-218 112-94 18-191 3-276-40-36-18-68-42-97-69-11-10-21-21-31-33-17-20-31-43-61-39z" fill="#06bdaa" stroke="#06bdaa"/><path d="M252 369c-12 1-23 9-29 18-24 39 33 88 61 110 45 36 98 63 156 74 122 24 253-16 338-108 10-12 25-26 29-41 9-34-26-67-58-47-8 5-14 14-20 20-38 42-89 73-145 86-64 16-135 10-196-19-30-14-58-33-81-56-10-9-17-21-27-28-8-6-18-10-28-9z" fill="#06bdaa" stroke="#06bdaa"/><path d="M356 202c-8 2-15 8-20 14-18 27 10 55 29 73 26 25 59 42 94 51 78 21 161-6 215-64 8-9 17-19 20-31 7-27-21-54-48-39-8 4-12 13-18 19-18 20-40 35-64 44-40 14-84 11-121-8-17-9-33-21-45-35-7-7-11-16-20-21-6-3-15-4-22-3z" fill="#06bdaa" stroke="#06bdaa"/></g><g id="navy" data-name="Navy"><path d="M124 520c-33 5-56 37-53 69 1 14 8 28 15 39 22 36 50 67 81 94 66 59 147 98 234 117 185 41 386-25 508-170 27-31 62-79 35-121-30-46-84-32-113 6-52 67-127 118-210 140-97 26-202 16-292-29-38-19-73-44-102-73-31-31-52-78-103-72zm3 20c30-4 44 19 61 39 10 12 20 23 31 33 29 27 61 51 97 69 85 43 182 58 276 40 82-15 158-54 218-112 11-11 22-23 32-36 16-20 32-39 62-31 8 2 16 8 22 15 22 29-5 65-24 89-108 140-297 206-470 178-84-13-163-47-230-99-31-24-60-52-82-83-18-25-44-60-18-88 6-7 15-12 25-14z" fill="#01295d" stroke="#01295d"/><path d="M250 349c-15 2-28 9-38 20-40 43 4 94 37 125 46 42 100 73 159 90 130 38 281 0 375-98 16-16 34-34 42-55 14-42-18-87-64-81-32 4-54 42-80 62-21 16-44 29-69 39-67 26-144 24-210-4-33-14-61-35-85-60-10-10-18-21-30-29-11-7-24-10-37-9zm2 20c10-1 20 3 28 9 10 7 17 19 27 28 23 23 51 42 81 56 61 29 132 35 196 19 56-13 107-44 145-86 6-6 12-15 20-20 32-20 67 13 58 47-4 15-19 29-29 41-85 92-216 132-338 108-58-11-111-38-156-74-28-22-85-71-61-110 6-9 17-17 29-18z" fill="#01295d" stroke="#01295d"/><path d="M360 181c-32 2-54 34-49 64 2 13 10 25 18 35 24 31 59 56 96 71 84 33 186 15 252-49 29-29 61-74 18-109-8-7-18-10-28-11-37-3-50 31-76 50-38 27-88 33-131 15-14-7-29-16-40-27-19-18-28-40-60-39zm-4 21c7-1 16 0 22 3 9 5 13 14 20 21 12 14 28 26 45 35 37 19 81 22 121 8 24-9 46-24 64-44 6-6 10-15 18-19 27-15 55 12 48 39-3 12-12 22-20 31-54 58-137 85-215 64-35-9-68-26-94-51-19-18-47-46-29-73 5-6 12-12 20-14z" fill="#01295d" stroke="#01295d"/></g></svg>

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

import StackedArcsSvg from "./stacked-arcs.jsx"; // from the React tab above

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