Letter G SVG logo, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_7i9mr14xWjz/amnt.svg" alt="Letter G" 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="M677 559c-2 4-1 9-1 14 0 32 4 55-19 80-20 21-48 33-76 40-62 15-129 1-178-40-97-80-85-243 13-316 53-39 121-50 183-28 17 6 33 14 48 26 8 6 16 14 25 18 28 13 62 3 79-23 37-60-43-107-88-127-62-27-132-35-197-22-257 51-362 377-165 558 94 87 238 103 355 57 52-21 99-56 128-104 16-27 25-56 30-86 3-16 10-98-3-104 0 52-37 57-79 57-19 0-37 0-55 0z" fill="#012b5e" stroke="#012b5e"/></g><g id="midnight" data-name="Midnight"><path d="M657 578c0 15 3 33-3 47-24 52-124 61-171 49-70-19-122-80-127-152-6-73 29-149 94-184 52-28 118-29 169 1 14 8 26 20 39 28 77 45 157-49 103-119-41-53-127-81-190-89-148-18-294 61-357 196-21 43-31 90-33 137-11 210 163 359 366 347 61-4 123-22 175-56 59-40 99-100 110-170 4-23 5-46 5-69 0-72-23-107-98-107-40 0-177-6-205 5-16 6-30 18-37 33-10 18-10 38-4 57 17 46 59 46 101 46 21 0 42 0 63 0zm154-76c13 6 6 88 3 104-5 30-14 59-30 86-29 48-76 83-128 104-117 46-261 30-355-57-197-181-92-507 165-558 65-13 135-5 197 22 45 20 125 67 88 127-17 26-51 36-79 23-9-4-17-12-25-18-15-12-31-20-48-26-62-22-130-11-183 28-98 73-110 236-13 316 49 41 116 55 178 40 28-7 56-19 76-40 23-25 19-48 19-80 0-5-1-10 1-14-33 0-121 7-146-9-38-25-25-82 17-92 25-6 122-2 155-2 34 0 76-8 100 23 5 7 8 14 8 23z" fill="#021536" stroke="#021536"/></g><g id="coral" data-name="Coral"><path d="M677 559c18 0 36 0 55 0 42 0 79-5 79-57 0-9-3-16-8-23-24-31-66-23-100-23-33 0-130-4-155 2-42 10-55 67-17 92 25 16 113 9 146 9z" fill="#fc7359" stroke="#fc7359"/></g></svg>

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

import LetterGSvg from "./letter-g.jsx"; // from the React tab above

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