Umbrella SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="203" cy="268" rx="57" ry="9" fill="#344B50" opacity=".12"/><path d="M196 126h8v111c0 16-10 27-24 27s-24-10-24-24v-10a5 5 0 0 1 10 0v10c0 8 5 14 14 14s16-7 16-17z" fill="#637B7C"/><path d="M156 229a5 5 0 0 1 10 0v11c0 8 5 14 14 14 8 0 14-5 16-12h10c-2 14-12 22-26 22s-24-10-24-24z" fill="#B48F72"/><path d="M196 43a4 4 0 0 1 8 0v18h-8z" fill="#637B7C"/><path d="M68 155C78 92 128 52 200 52s122 40 132 103c-17-13-35-13-52 0-25-14-52-14-80 0-28-14-55-14-80 0-17-13-35-13-52 0z" fill="#527D7B"/><path d="M200 52C139 56 91 93 68 155c17-13 35-13 52 0 5-50 34-89 80-103z" fill="#7FA699"/><path d="M200 52c-46 14-75 53-80 103 25-14 52-14 80 0z" fill="#B8D1C5"/><path d="M200 52v103c28-14 55-14 80 0-5-50-34-89-80-103z" fill="#91B7AC"/><path d="M200 52c46 14 75 53 80 103 17-13 35-13 52 0-23-62-71-99-132-103z" fill="#527D7B"/><path d="M200 57v90M193 57c-41 17-66 52-72 90M207 57c41 17 66 52 72 90" fill="none" stroke="#527D7B" stroke-width="2" stroke-linecap="round" opacity=".35"/></svg>

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

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

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