Lavender SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="201" cy="266" rx="67" ry="9" fill="#55745F" opacity=".12"/><g fill="none" stroke="#719177" stroke-width="2.5" stroke-linecap="round"><path d="M198 262C183 213 160 150 143 100"/><path d="M201 262C198 191 195 115 195 62"/><path d="M204 262C220 204 239 137 254 91"/><path d="M196 260C175 219 147 187 120 154"/><path d="M207 262C230 226 254 187 278 151"/></g><g fill="#8DA88A"><path d="M185 226C166 219 150 198 149 182C165 192 179 210 185 226Z"/><path d="M176 202C173 182 179 163 187 153C191 171 185 191 176 202Z"/><path d="M198 197C185 183 180 160 185 147C196 161 201 181 198 197Z"/><path d="M200 228C207 207 219 193 230 187C228 205 214 221 200 228Z"/><path d="M219 209C215 190 220 171 229 160C232 178 225 197 219 209Z"/><path d="M230 174C240 157 252 149 265 148C259 161 245 171 230 174Z"/><path d="M164 216C146 213 131 201 125 188C144 191 157 202 164 216Z"/><path d="M234 218C250 214 264 203 270 190C254 194 241 205 234 218Z"/></g><g fill="#8B79B1"><path d="M145 117C133 114 125 98 125 84C125 69 128 58 130 52C139 60 150 74 153 88C156 102 153 114 145 117Z"/><path d="M195 89C183 83 181 65 183 49C185 35 191 23 195 18C202 28 208 42 208 56C209 73 204 85 195 89Z"/><path d="M249 115C240 107 243 92 248 79C254 65 263 53 270 49C272 64 270 78 265 91C261 105 254 114 249 115Z"/><path d="M126 166C115 166 105 155 99 143C94 132 92 121 93 115C105 121 116 130 122 141C129 151 132 162 126 166Z"/><path d="M271 167C264 158 271 143 279 132C287 121 297 113 304 110C302 124 297 139 289 150C282 160 275 166 271 167Z"/></g><g fill="#B7A3D0"><ellipse cx="190" cy="34" rx="5" ry="8" transform="rotate(15 190 34)"/><ellipse cx="200" cy="45" rx="5" ry="8" transform="rotate(-20 200 45)"/><ellipse cx="188" cy="54" rx="5.5" ry="8" transform="rotate(-25 188 54)"/><ellipse cx="200" cy="67" rx="5.5" ry="8" transform="rotate(24 200 67)"/><ellipse cx="132" cy="67" rx="5" ry="7" transform="rotate(-25 132 67)"/><ellipse cx="142" cy="80" rx="5" ry="8" transform="rotate(-30 142 80)"/><ellipse cx="133" cy="89" rx="5" ry="7" transform="rotate(-24 133 89)"/><ellipse cx="146" cy="101" rx="5" ry="7" transform="rotate(10 146 101)"/><ellipse cx="265" cy="64" rx="5" ry="7" transform="rotate(23 265 64)"/><ellipse cx="253" cy="78" rx="5" ry="7" transform="rotate(30 253 78)"/><ellipse cx="261" cy="88" rx="5" ry="7" transform="rotate(25 261 88)"/><ellipse cx="248" cy="100" rx="5" ry="7" transform="rotate(20 248 100)"/><ellipse cx="101" cy="130" rx="4.5" ry="7" transform="rotate(-35 101 130)"/><ellipse cx="112" cy="141" rx="5" ry="7" transform="rotate(-40 112 141)"/><ellipse cx="119" cy="156" rx="5" ry="7" transform="rotate(-35 119 156)"/><ellipse cx="295" cy="125" rx="4.5" ry="7" transform="rotate(35 295 125)"/><ellipse cx="282" cy="138" rx="5" ry="7" transform="rotate(35 282 138)"/><ellipse cx="277" cy="153" rx="5" ry="7" transform="rotate(35 277 153)"/></g></svg>

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

import LavenderSvg from "./lavender.jsx"; // from the React tab above

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