Letter N SVG logo, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ygor_mvHuhCm/amnt.svg" alt="Letter N" 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="M714 538c-8-4-109-129-124-146-41-49-82-98-123-146-41-49-82-98-123-146-3-2-5-6-8-8-9-3-102 0-119 0-45 0-89 0-134 0 4 21-4 88 2 101 14 0 36-4 48 3 3 2 6 6 8 9 5 14 1 93 1 114 0 60 0 122 0 183 0 60 0 122 0 183 0 20 4 94-1 109-2 4-4 8-8 10-12 7-36 3-50 3v100h290v-100c-65 0-59 3-59-61 0-40 0-79 1-118 1-50 0-102 0-151 0-27-4-55 0-81 13 9 28 33 39 46 29 37 60 73 91 109 43 51 86 103 128 156 43 53 86 105 128 157 44 53 25 43 98 43 47 0 94 0 141 0v-100c-14 0-37 4-49-3-4-2-6-5-8-9-4-13-1-94-1-113 0-61 0-122 0-182 0-61 0-123 0-183 0-22-4-96 1-111 2-4 4-7 8-10 12-7 35-3 49-3v-101h-280v101c49 0 54-6 54 47 0 33 0 66 0 100 0 44 0 90 0 135 0 20 2 43 0 63zM115 120c63 0 126 0 189 0 5 0 14-2 20 1 3 1 69 81 77 91 58 68 115 136 173 205 58 68 116 136 172 205 29 35 58 69 86 103 35 43 17 21 23 71 4 29 32 40 57 39v45c-22 0-152 4-162-1-5-2-8-10-12-14-28-35-56-70-85-104-57-69-113-138-170-208-56-69-114-138-173-205-33-39-68-77-102-115-17-18-33-41-53-56-11-9-26-12-40-12z" fill="#02255e" stroke="#02255e"/></g><g id="mustard" data-name="Mustard"><path d="M115 120v45c14 0 29 3 40 12 20 15 36 38 53 56 34 38 69 76 102 115 59 67 117 136 173 205 57 70 113 139 170 208 29 34 57 69 85 104 4 4 7 12 12 14 10 5 140 1 162 1v-45c-25 1-53-10-57-39-6-50 12-28-23-71-28-34-57-68-86-103-56-69-114-137-172-205-58-69-115-137-173-205-8-10-74-90-77-91-6-3-15-1-20-1-63 0-126 0-189 0z" fill="#d2ab35" stroke="#d2ab35"/></g></svg>

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

import LetterNSvg from "./letter-n.jsx"; // from the React tab above

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