Letter L SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M508 94h-333v88c14 0 60-5 66 9 2 6 1 15 1 22 0 32 0 64 0 97 0 64 0 129 0 194 0 64 0 129 0 194 0 32 0 64 0 97 0 6 1 14-2 20-6 13-51 8-65 8v98h678v-255h-154c0 28 0 56 0 84 0 9 2 18 1 27-1 5-2 10-6 12-8 6-115 3-132 3-20 0-106 3-118 0-4-2-8-5-9-9-4-13-1-113-1-134 0-91 0-181 0-271 0-45 0-91 0-135 0-15-3-35 0-49 5-19 58-12 74-12z" fill="#012773" stroke="#012773"/></g><g id="navy" data-name="Navy"><path d="M462 210c15 0 62 5 70-7 5-7 4-15 4-22 0-21 3-86-1-101-2-7-7-11-13-12-18-5-57-1-77-1-34 0-68 0-102 0-35 0-69 0-103 0-18 0-68-4-82 2-4 1-8 5-9 9-5 13-2 82-2 101 0 49 33 25 68 32v585c-14 0-57-5-65 7-5 7-3 17-3 26 0 32-3 67 0 100 1 7 2 14 10 17 12 5 146 2 171 2 133 0 266 0 400 0 33 0 66 0 100 0 50 0 53 7 53-46 0-66-2-133 0-198 0-14 5-57-9-63-8-4-18-2-26-2-34 0-67 0-100 0-15 0-61-5-70 6-5 5-4 13-4 21 0 33 0 66 0 99h-210zM508 94v88c-16 0-69-7-74 12-3 14 0 34 0 49 0 44 0 90 0 135 0 90 0 180 0 271 0 21-3 121 1 134 1 4 5 7 9 9 12 3 98 0 118 0 17 0 124 3 132-3 4-2 5-7 6-12 1-9-1-18-1-27 0-28 0-56 0-84h154v255h-678v-98c14 0 59 5 65-8 3-6 2-14 2-20 0-33 0-65 0-97 0-65 0-130 0-194 0-65 0-130 0-194 0-33 0-65 0-97 0-7 1-16-1-22-6-14-52-9-66-9v-88z" fill="#010d34" stroke="#010d34"/></g></svg>

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

import LetterLSvg from "./letter-l.jsx"; // from the React tab above

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