Umbrella SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="midnight" data-name="Midnight"><path d="M534 73c0-12 2-27-2-38-9-21-39-16-43 5-3 10-1 22-1 33-22 3-44 5-65 9-86 18-168 65-229 127-37 36-69 77-95 121-6 10-34 68-37 70-7 7-18 5-17 19 0 5 2 10 6 12 17 13 25-5 25-19 25-17 61-14 86 2 5 3 12 6 14 12-25 36 40 38 23 4 40-28 91-34 135-13 9 4 17 10 25 15-22 35 45 37 24 1 31-21 71-41 111-39 3 16 0 38 0 56 0 49 0 98 0 148 0 34 0 68 0 103 0 11 3 45 0 53-1 3-4 3-6 6-7 9-5 20-3 31 7 56-15 127 41 165 49 34 112 2 127-51 6-22 13-76-22-74s-18 51-32 72c-17 26-51 17-60-10-7-21-6-77-4-99 1-11 4-22-1-32-2-3-6-4-7-8-3-9 0-40 0-51 0-35 0-69 0-103 0-70 0-138 0-207 9 3 20 2 29 4 30 6 58 18 83 36-14 38 42 34 25-1 8-5 16-11 25-15 35-15 75-17 110-1 9 3 16 9 25 13-8 44 46 25 23-4 6-3 10-8 16-12 26-15 57-15 84-2-1 15 12 34 27 19 18-17-8-25-13-31s-7-16-10-22c-9-17-18-33-27-49-27-44-59-84-95-120-67-67-155-116-248-130-16-2-32-6-47-5zM508 34l3 10c-11 5-13-11-3-10zM495 81c-6 7-14 13-20 21-57 67-87 179-100 264-3 21-8 42-7 63-51-41-121-43-174-6 2-26 16-56 26-80 49-118 141-242 275-262zM646 428c-56-47-144-55-211-32-21 8-39 19-58 31-1-60 21-143 41-199 17-46 43-108 81-139 4-3 8-8 13-8 4 0 9 5 13 7 41 29 66 93 81 138 16 48 42 154 40 202zm185-4c-54-37-124-37-176 4 0-17-4-34-6-51-12-92-43-234-119-295 71-2 154 72 195 125 38 48 68 104 89 162 6 18 10 37 17 55zm122-21c-7 0-16-6-24-8-32-8-67 2-90 26-8-18-11-39-18-58-18-49-43-95-72-138-19-28-41-54-65-77-18-16-37-30-57-42-8-5-23-9-29-16 21 0 43 11 63 18 114 42 205 135 264 239 10 17 23 37 28 56zM422 92c-6 8-22 13-31 18-19 12-36 26-52 41-25 22-46 48-65 76-46 65-65 121-89 195-21-20-45-31-74-29-10 0-39 10-40 8 0-1 15-30 17-34 23-43 50-85 83-121 56-62 122-112 201-140 16-6 33-14 50-14zM528 788h-36c0-5-2-18 2-22 3-4 30-3 33 1s1 16 1 21z" fill="#021933" stroke="#021933"/></g><g id="petrol" data-name="Petrol"><path d="M646 428c2-48-24-154-40-202-15-45-40-109-81-138-4-2-9-7-13-7-5 0-9 5-13 8-38 31-64 93-81 139-20 56-42 139-41 199 19-12 37-23 58-31 67-23 155-15 211 32z" fill="#025d71" stroke="#025d71"/><path d="M953 403c-5-19-18-39-28-56-59-104-150-197-264-239-20-7-42-18-63-18 6 7 21 11 29 16 20 12 39 26 57 42 24 23 46 49 65 77 29 43 54 89 72 138 7 19 10 40 18 58 23-24 58-34 90-26 8 2 17 8 24 8z" fill="#025d71" stroke="#025d71"/><path d="M422 92c-17 0-34 8-50 14-79 28-145 78-201 140-33 36-60 78-83 121-2 4-17 33-17 34 1 2 30-8 40-8 29-2 53 9 74 29 24-74 43-130 89-195 19-28 40-54 65-76 16-15 33-29 52-41 9-5 25-10 31-18z" fill="#025d71" stroke="#025d71"/></g><g id="amber" data-name="Amber"><path d="M495 81c-134 20-226 144-275 262-10 24-24 54-26 80 53-37 123-35 174 6-1-21 4-42 7-63 13-85 43-197 100-264 6-8 14-14 20-21z" fill="#f5b60d" stroke="#f5b60d"/><path d="M831 424c-7-18-11-37-17-55-21-58-51-114-89-162-41-53-124-127-195-125 76 61 107 203 119 295 2 17 6 34 6 51 52-41 122-41 176-4z" fill="#f5b60d" stroke="#f5b60d"/><path d="M528 788c0-5 2-17-1-21s-30-5-33-1c-4 4-2 17-2 22z" fill="#f5b60d" stroke="#f5b60d"/><path d="M508 34c-10-1-8 15 3 10z" fill="#f5b60d" stroke="#f5b60d"/></g></svg>

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

import UmbrellaSvg from "./umbrella.jsx"; // from the React tab above

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