Frog SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><title>Squatting frog with bulging eyes and splayed toes</title><ellipse cx="200" cy="260" rx="137" ry="13" fill="#DDE5D9" opacity=".7"/><path d="M144 153C123 137 98 144 81 165C66 183 61 211 76 231C90 248 119 245 149 226L166 189Z" fill="#719A72"/><path d="M256 153C277 137 302 144 319 165C334 183 339 211 324 231C310 248 281 245 251 226L234 189Z" fill="#719A72"/><path d="M119 171C96 180 86 201 99 215C110 224 129 219 143 207" stroke="#4F765D" stroke-width="3" stroke-linecap="round"/><path d="M281 171C304 180 314 201 301 215C290 224 271 219 257 207" stroke="#4F765D" stroke-width="3" stroke-linecap="round"/><path d="M98 224L seventy 240" fill="none"/><path d="M101 221C91 229 82 237 73 241L53 236C46 234 43 241 50 245L67 251L49 255C41 257 43 265 51 264L77 260L65 270C60 275 66 280 72 276L98 258L125 246Z" fill="#87AE7B"/><path d="M299 221C309 229 318 237 327 241L347 236C354 234 357 241 350 245L333 251L351 255C359 257 357 265 349 264L323 260L335 270C340 275 334 280 328 276L302 258L275 246Z" fill="#87AE7B"/><path d="M138 124C114 147 109 185 123 212C137 238 163 249 200 249C237 249 263 238 277 212C291 185 286 147 262 124Z" fill="#87AE7B"/><path d="M158 161C142 179 142 207 159 225C176 244 224 244 241 225C258 207 258 179 242 161Z" fill="#DCE4B4"/><path d="M134 168C126 188 127 209 137 232L145 247L162 243C153 221 157 199 161 184Z" fill="#719A72"/><path d="M266 168C274 188 273 209 263 232L255 247L238 243C247 221 243 199 239 184Z" fill="#719A72"/><path d="M139 237L125 251C119 257 124 262 130 259L144 252L143 264C143 271 151 272 153 265L157 253L167 261C173 266 179 260 174 255L161 240Z" fill="#87AE7B"/><path d="M261 237L275 251C281 257 276 262 270 259L256 252L257 264C257 271 249 272 247 265L243 253L233 261C227 266 221 260 226 255L239 240Z" fill="#87AE7B"/><path d="M119 106C129 82 158 75 200 75C242 75 271 82 281 106C293 135 278 161 250 174C224 186 176 186 150 174C122 161 107 135 119 106Z" fill="#98BB85"/><ellipse cx="151" cy="85" rx="33" ry="37" fill="#98BB85"/><ellipse cx="249" cy="85" rx="33" ry="37" fill="#98BB85"/><ellipse cx="151" cy="83" rx="23" ry="26" fill="#F5F1DA"/><ellipse cx="249" cy="83" rx="23" ry="26" fill="#F5F1DA"/><ellipse cx="155" cy="85" rx="10" ry="14" fill="#304B40"/><ellipse cx="245" cy="85" rx="10" ry="14" fill="#304B40"/><circle cx="158" cy="80" r="3.5" fill="#F5F1DA"/><circle cx="248" cy="80" r="3.5" fill="#F5F1DA"/><ellipse cx="137" cy="135" rx="12" ry="7" fill="#D4AD95"/><ellipse cx="263" cy="135" rx="12" ry="7" fill="#D4AD95"/><path d="M139 139C155 153 177 160 200 160C223 160 245 153 261 139" stroke="#304B40" stroke-width="3" stroke-linecap="round"/><path d="M135 143L139 137L146 138M254 138L261 137L265 143" stroke="#304B40" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><ellipse cx="186" cy="120" rx="3" ry="2.5" fill="#4F765D"/><ellipse cx="214" cy="120" rx="3" ry="2.5" fill="#4F765D"/><ellipse cx="106" cy="170" rx="6" ry="4" transform="rotate(-35 106 170)" fill="#98BB85"/><ellipse cx="92" cy="182" rx="4" ry="3" transform="rotate(-35 92 182)" fill="#98BB85"/><ellipse cx="294" cy="170" rx="6" ry="4" transform="rotate(35 294 170)" fill="#98BB85"/><ellipse cx="308" cy="182" rx="4" ry="3" transform="rotate(35 308 182)" fill="#98BB85"/></svg>

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

import FrogSvg from "./frog.jsx"; // from the React tab above

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