Shield SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WhmmM5ZV4fsG/amnt.svg" alt="Shield" 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="M512 107c-78 49-151 81-240 104-23 6-48 16-71 17-3 9-2 18-2 26-4 83 3 166 22 246 17 73 46 142 90 203 41 57 95 104 153 143 7 4 42 29 48 29 6-1 36-22 43-26 29-20 57-41 83-64 118-109 170-248 184-406 4-41 5-83 3-125 0-5 1-12 0-17 0-3 0-6-2-8-1-1-98-25-109-28-68-21-145-51-202-94zM469 481c18-18 35-37 53-56 21-23 44-45 66-69 13-14 27-28 40-42 29-31 61-63 107-37 34 19 48 64 28 98-11 20-32 36-47 53-39 41-80 82-119 125-17 19-89 99-106 108-7 4-16 5-24 5-10 0-18-3-26-9-16-11-29-29-43-43-19-22-41-42-61-63-14-15-31-29-43-46-25-35-8-83 27-103 44-25 72 2 101 32 16 15 31 31 47 47z" fill="#0ba6a1" stroke="#0ba6a1"/></g><g id="grape" data-name="Grape"><path d="M508 19c-11 2-54 33-68 41-23 12-47 24-72 35-52 22-106 39-160 53-17 4-53 10-66 18-5 3-9 9-11 14-7 19-7 77-7 100-1 65 5 132 17 197 20 108 63 211 132 297 32 39 69 74 109 105 23 18 109 82 134 79 12-2 25-12 35-18 77-45 149-102 204-172 69-88 109-191 129-300 12-64 18-135 16-199-1-24-2-47-4-70-1-7 0-15-4-22-11-20-62-26-83-31-55-15-108-32-160-54-32-14-63-30-92-48-11-7-22-18-34-23-5-2-10-2-15-2zm4 46c81 56 173 92 268 117 10 3 68 15 72 18 10 8 7 80 7 96 0 59-6 118-17 176-18 98-56 190-117 269-27 36-62 67-96 96-16 12-103 76-117 77-14 0-101-64-116-76-35-28-68-60-97-96-61-79-98-170-117-268-12-58-17-117-17-176 0-16-2-83 3-93 1-3 1-4 3-5 4-3 62-15 72-18 99-25 183-62 269-117z" fill="#021f61" stroke="#021f61"/><path d="M469 481c-16-16-31-32-47-47-29-30-57-57-101-32-35 20-52 68-27 103 12 17 29 31 43 46 20 21 42 41 61 63 14 14 27 32 43 43 8 6 16 9 26 9 8 0 17-1 24-5 17-9 89-89 106-108 39-43 80-84 119-125 15-17 36-33 47-53 20-34 6-79-28-98-46-26-78 6-107 37-13 14-27 28-40 42-22 24-45 46-66 69-18 19-35 38-53 56zm-1 37c37-36 72-76 109-113 19-19 93-104 111-109 31-9 61 16 59 47-2 26-31 47-47 64-35 39-73 76-108 114-26 28-54 55-79 83-10 10-19 22-29 30-8 7-17 9-26 4-10-5-79-80-92-94-14-16-43-39-53-57-15-26 4-62 33-67 10-2 20-1 29 4 10 6 86 83 93 94z" fill="#021f61" stroke="#021f61"/></g><g id="turquoise" data-name="Turquoise"><path d="M512 65c-86 55-170 92-269 117-10 3-68 15-72 18-2 1-2 2-3 5-5 10-3 77-3 93 0 59 5 118 17 176 19 98 56 189 117 268 29 36 62 68 97 96 15 12 102 76 116 76 14-1 101-65 117-77 34-29 69-60 96-96 61-79 99-171 117-269 11-58 17-117 17-176 0-16 3-88-7-96-4-3-62-15-72-18-95-25-187-61-268-117zm0 42c57 43 134 73 202 94 11 3 108 27 109 28 2 2 2 5 2 8 1 5 0 12 0 17 2 42 1 84-3 125-14 158-66 297-184 406-26 23-54 44-83 64-7 4-37 25-43 26-6 0-41-25-48-29-58-39-112-86-153-143-44-61-73-130-90-203-19-80-26-163-22-246 0-8-1-17 2-26 23-1 48-11 71-17 89-23 162-55 240-104z" fill="#2ddcc5" stroke="#2ddcc5"/></g><g id="white" data-name="White"><path d="M468 518c-7-11-83-88-93-94-9-5-19-6-29-4-29 5-48 41-33 67 10 18 39 41 53 57 13 14 82 89 92 94 9 5 18 3 26-4 10-8 19-20 29-30 25-28 53-55 79-83 35-38 73-75 108-114 16-17 45-38 47-64 2-31-28-56-59-47-18 5-92 90-111 109-37 37-72 77-109 113z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

import ShieldSvg from "./shield.jsx"; // from the React tab above

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