Tree SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="201" cy="265" rx="87" ry="12" fill="#395D43" opacity=".12"/><path d="M180 151H218L217 224C217 240 222 252 231 262H168C178 246 183 232 182 217Z" fill="#927052"/><path d="M200 159H218L217 224C217 240 222 252 231 262H200Z" fill="#7E6049"/><path d="M188 195L151 158L157 146L198 177L234 141L246 153L213 195Z" fill="#927052"/><path d="M151 72C156 44 180 30 207 33C233 29 258 46 265 71C294 65 323 85 329 111C339 139 323 166 297 175C281 196 252 199 229 184C211 199 185 200 166 185C140 199 109 190 96 170C72 164 61 146 66 123C67 101 85 84 108 85C117 74 134 68 151 72Z" fill="#669762"/><ellipse cx="126" cy="127" rx="59" ry="45" fill="#80AE73"/><ellipse cx="183" cy="95" rx="58" ry="52" fill="#80AE73"/><ellipse cx="251" cy="106" rx="65" ry="51" fill="#75A66A"/><ellipse cx="279" cy="143" rx="49" ry="38" fill="#669762"/><ellipse cx="204" cy="145" rx="66" ry="44" fill="#75A66A"/><path d="M92 122C99 107 112 100 128 100" fill="none" stroke="#A5C48D" stroke-width="3" stroke-linecap="round"/><path d="M160 72C170 62 182 58 195 59" fill="none" stroke="#A5C48D" stroke-width="3" stroke-linecap="round"/><path d="M190 215L189 244" fill="none" stroke="#AD8964" stroke-width="3" stroke-linecap="round"/></svg>

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

import TreeSvg from "./tree.jsx"; // from the React tab above

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