Playground SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="201" cy="246" rx="175" ry="29" fill="#E8EEE1"/><path d="M37 225C47 204 86 193 129 196C167 180 206 188 237 194C279 185 340 196 359 218C376 238 350 257 309 260C264 267 235 259 205 263C156 271 115 258 82 257C48 254 26 242 37 225Z" fill="#E6D2AA"/><g fill="#C5AF91"><rect x="27" y="169" width="345" height="7" rx="2"/><rect x="27" y="192" width="345" height="7" rx="2"/><path d="M34 211V159L39 154L44 159V211Z"/><path d="M68 207V155L73 150L78 155V207Z"/><path d="M102 204V152L107 147L112 152V204Z"/><path d="M136 202V150L141 145L146 150V202Z"/><path d="M170 202V150L175 145L180 150V202Z"/><path d="M204 202V150L209 145L214 150V202Z"/><path d="M238 202V150L243 145L248 150V202Z"/><path d="M272 204V152L277 147L282 152V204Z"/><path d="M306 207V155L311 150L316 155V207Z"/><path d="M340 211V159L345 154L350 159V211Z"/></g><ellipse cx="270" cy="234" rx="77" ry="9" fill="#C5AF91"/><ellipse cx="115" cy="238" rx="67" ry="9" fill="#C5AF91"/><path d="M233 78H241L220 231H212Z" fill="#829F94"/><path d="M308 78H316L341 232H333Z" fill="#829F94"/><path d="M235 78H243L268 233H260Z" fill="#527A72"/><path d="M309 78H317L291 233H283Z" fill="#527A72"/><path d="M223 74C223 71 225 69 228 69H324C327 69 329 71 329 74V80H223Z" fill="#527A72"/><path d="M258 81L254 187M293 81L297 187" stroke="#6B7775" stroke-width="2.5" stroke-linecap="round"/><path d="M252 185H299L304 191L299 196H250L247 191Z" fill="#D58F76"/><path d="M248 191H303L299 196H250Z" fill="#6B7775"/><path d="M238 171H258M294 173H331" stroke="#829F94" stroke-width="3" stroke-linecap="round"/><path d="M77 225L91 123H98L84 225Z" fill="#527A72"/><path d="M111 225L122 123H129L118 225Z" fill="#527A72"/><path d="M91 142H123M88 162H121M85 182H119M82 202H117" stroke="#829F94" stroke-width="3" stroke-linecap="round"/><path d="M120 120H128V221H120Z" fill="#527A72"/><path d="M118 126H139C150 126 154 139 157 153L169 195C172 205 179 216 189 218H197V232H181C163 232 154 219 149 202L133 150C130 141 125 139 118 139Z" fill="#D58F76"/><path d="M130 125H140C153 125 159 141 162 154L174 194C177 204 181 213 191 215H199C202 215 204 218 204 221V226H191C177 226 168 215 164 201L150 156C146 143 143 135 135 135H130Z" fill="#E6D2AA"/><path d="M132 126H139C151 126 156 141 159 154L172 196C176 210 183 219 194 219H200" stroke="#D58F76" stroke-width="3" stroke-linecap="round"/><rect x="85" y="117" width="57" height="10" rx="3" fill="#527A72"/><path d="M89 117V92C89 87 93 83 98 83H131C136 83 140 87 140 92V124" stroke="#829F94" stroke-width="3" stroke-linecap="round"/><path d="M106 85V116M122 85V116" stroke="#829F94" stroke-width="3"/><path d="M48 249L45 242M52 249L57 242M348 246L352 239M343 245L341 239" stroke="#829F94" stroke-width="3" stroke-linecap="round"/><g fill="#C5AF91"><ellipse cx="211" cy="246" rx="4" ry="2"/><ellipse cx="230" cy="253" rx="3" ry="2"/><ellipse cx="151" cy="252" rx="4" ry="2"/><ellipse cx="74" cy="235" rx="3" ry="2"/><ellipse cx="313" cy="249" rx="4" ry="2"/></g></svg>

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

import PlaygroundSvg from "./playground.jsx"; // from the React tab above

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