Cross Shield SVG logo, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/J-WudKxzzKbz/amnt.svg" alt="Cross Shield" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M570 90c-14-15-41-26-58-43-15 16-38 32-58 42v265h-269c-1 22 9 91 17 112h252v393l58 40 58-40v-393h252c8-27 17-84 17-112h-269z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M512 1c-95 94-232 136-362 152 1 45-5 90-3 135 5 123 26 245 82 356 31 62 73 119 122 168 24 24 49 47 76 68 11 8 77 57 86 57 4-1 10-7 14-9 54-33 104-73 149-118 48-49 88-106 120-168 64-129 86-278 80-422-1-21 2-46-3-67-131-22-264-56-361-152zM454 89c20-10 43-26 58-42 17 17 44 28 58 43 17 6 41 23 59 31 43 20 89 35 135 46 8 2 76 14 77 16 3 3 2 33 2 40 0 42 3 89-4 131 0 28-9 85-17 112-24 132-97 256-195 346-18 16-36 34-57 47l-58 40-58-40c-19-12-36-28-53-43-89-80-154-184-186-299-5-17-11-34-13-51-8-21-18-90-17-112-2-8-2-17-2-25-3-49-1-98-1-146 22-8 47-9 70-14 69-16 143-39 202-80z" fill="#011c54" stroke="#011c54"/></g><g id="amber" data-name="Amber"><path d="M454 859v-393h-252c2 17 8 34 13 51 32 115 97 219 186 299 17 15 34 31 53 43z" fill="#f6c101" stroke="#f6c101"/><path d="M570 859c21-13 39-31 57-47 98-90 171-214 195-346h-252z" fill="#f6c101" stroke="#f6c101"/><path d="M185 354h269v-265c-59 41-133 64-202 80-23 5-48 6-70 14 0 48-2 97 1 146 0 8 0 17 2 25z" fill="#f6c101" stroke="#f6c101"/><path d="M839 354c7-42 4-89 4-131 0-7 1-37-2-40-1-2-69-14-77-16-46-11-92-26-135-46-18-8-42-25-59-31v264z" fill="#f6c101" stroke="#f6c101"/></g></svg>

.cross-shield {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/J-WudKxzzKbz/amnt.svg");
  background-size: contain;
}

import CrossShieldSvg from "./cross-shield.jsx"; // from the React tab above

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