Rotating Squares SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="teal" data-name="Teal"><path d="M424 100l-299 474 471 289c11-26 34-54 49-78 34-52 67-104 101-156 50-78 101-156 152-234zm85 114c9-1 59 53 70 63 22 22 44 45 67 67 22 22 45 44 67 67 8 8 65 61 66 67 2 9-53 59-63 69-22 21-45 44-67 67-15 14-129 131-135 133-3 0-5 0-7-1-7-3-54-53-62-62-23-22-45-45-67-67-15-15-133-128-134-134-2-8 53-60 63-69 22-22 45-44 67-66 22-23 45-45 67-67 8-9 62-66 68-67z" fill="#11b6a5" stroke="#11b6a5"/></g><g id="orange" data-name="Orange"><path d="M512 231l-251 250 251 248 250-249z" fill="#fa8e1a" stroke="#fa8e1a"/></g><g id="midnight" data-name="Midnight"><path d="M419 83c-7 2-35 52-41 61-2 4-6 15-11 17-6 3-60 1-71 1-34 0-68-1-101 0-6 0-12-1-16 4s-2 67-2 79c0 66 0 134 0 201 0 5 1 12-1 18-4 17-70 102-69 112 1 9 50 35 60 41 3 2 8 4 10 7 3 7 0 72 0 85 0 14-3 93 0 100 2 3 4 5 7 6 11 3 72 0 88 0 66 0 134 0 201 0 5 0 11-1 16 0 15 4 96 64 107 65 4 0 6-1 9-4 9-8 32-57 40-61 7-2 87 0 101 0 16 0 74 3 86 0 4-1 6-3 7-7 3-7 0-82 0-97 0-46 0-93 0-140 0-18-4-40 1-57 6-22 80-111 75-124-2-5-54-35-62-40-3-2-10-5-12-8-5-9-2-65-2-78 0-14 3-92-1-98s-84-4-96-4c-47 0-94 0-140 0-16 0-35 3-49 0-3-1-6-3-8-4-17-10-117-77-126-75zm5 17l474 295c-51 78-102 156-152 234-34 52-67 104-101 156-15 24-38 52-49 78l-471-289zm-67 77c-7 17-20 33-30 49-17 27-34 55-52 82-10 16-75 125-82 127l-1-258zm467 0v154l-245-153c12-5 214-1 245-1zm0 364v259h-170c30-42 56-88 84-131 10-16 79-125 86-128zM192 633c45 24 92 56 136 83 15 9 130 77 132 84h-268z" fill="#0c1321" stroke="#0c1321"/><path d="M509 214c-6 1-60 58-68 67-22 22-45 44-67 67-22 22-45 44-67 66-10 9-65 61-63 69 1 6 119 119 134 134 22 22 44 45 67 67 8 9 55 59 62 62 2 1 4 1 7 1 6-2 120-119 135-133 22-23 45-46 67-67 10-10 65-60 63-69-1-6-58-59-66-67-22-23-45-45-67-67-23-22-45-45-67-67-11-10-61-64-70-63zm3 17l250 249-250 249-251-248z" fill="#0c1321" stroke="#0c1321"/></g><g id="navy" data-name="Navy"><path d="M192 633v167h268c-2-7-117-75-132-84-44-27-91-59-136-83z" fill="#0a2a63" stroke="#0a2a63"/><path d="M824 541c-7 3-76 112-86 128-28 43-54 89-84 131h170z" fill="#0a2a63" stroke="#0a2a63"/><path d="M357 177h-165l1 258c7-2 72-111 82-127 18-27 35-55 52-82 10-16 23-32 30-49z" fill="#0a2a63" stroke="#0a2a63"/><path d="M824 177c-31 0-233-4-245 1l245 153z" fill="#0a2a63" stroke="#0a2a63"/></g></svg>

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

import RotatingSquaresSvg from "./rotating-squares.jsx"; // from the React tab above

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