Aloe Vera SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Group 1"><g><defs><filter id="k0_0" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB"><feMorphology in="SourceAlpha" operator="dilate" radius="11" result="border"/><feFlood flood-color="#ffffff" result="white"/><feComposite in="white" in2="border" operator="in" result="cutline"/><feMerge><feMergeNode in="cutline"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#k0_0)" stroke="#35413c" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"><path d="M195 315C143 299 99 270 73 218c41 11 83 31 118 64 13 12 23 25 30 39Z" fill="#90b49a"/><path d="M207 312C160 275 131 221 122 148c35 29 67 70 91 119 8 17 14 33 17 50Z" fill="#a5c6a5"/><path d="M231 312C202 256 190 187 202 105c27 41 46 93 54 153l3 58Z" fill="#91b99c"/><path d="M259 316c-12-71-7-147 20-220 19 53 24 112 16 167-3 22-9 40-17 56Z" fill="#a6c8aa"/><path d="M279 317c16-67 50-127 104-175-7 69-32 129-70 176Z" fill="#8fb69b"/><path d="M300 318c36-49 84-85 140-103-23 53-66 91-119 114Z" fill="#a0c2a4"/><path d="M183 319c-26-23-61-38-106-42 29 32 65 50 105 57Z" fill="#a6c7a8"/><path d="M311 328c36-27 78-39 119-34-30 27-66 42-108 46Z" fill="#8eb398"/><g fill="#dcebd4" stroke="none"><ellipse cx="123" cy="251" rx="4" ry="8" transform="rotate(-48 123 251)"/><ellipse cx="159" cy="277" rx="4" ry="8" transform="rotate(-48 159 277)"/><ellipse cx="163" cy="222" rx="4" ry="9" transform="rotate(-24 163 222)"/><ellipse cx="185" cy="266" rx="4" ry="8" transform="rotate(-24 185 266)"/><ellipse cx="215" cy="173" rx="4" ry="9" transform="rotate(-12 215 173)"/><ellipse cx="227" cy="229" rx="4" ry="9" transform="rotate(-12 227 229)"/><ellipse cx="280" cy="170" rx="4" ry="9" transform="rotate(10 280 170)"/><ellipse cx="278" cy="231" rx="4" ry="9" transform="rotate(10 278 231)"/><ellipse cx="345" cy="216" rx="4" ry="9" transform="rotate(34 345 216)"/><ellipse cx="319" cy="269" rx="4" ry="8" transform="rotate(34 319 269)"/><ellipse cx="384" cy="257" rx="4" ry="8" transform="rotate(59 384 257)"/></g><path d="M153 319h206l-20 119c-2 13-13 22-26 22H199c-13 0-24-9-26-22Z" fill="#f3b5b6"/><path d="M145 309c0-10 8-18 18-18h186c10 0 18 8 18 18v21c0 10-8 18-18 18H163c-10 0-18-8-18-18Z" fill="#f8c8c5"/><g fill="#35413c" stroke="none"><ellipse cx="221" cy="391" rx="6" ry="8"/><ellipse cx="291" cy="391" rx="6" ry="8"/></g><path d="M242 405c7 10 21 10 28 0" fill="none" stroke-width="5"/><g fill="#ec929f" stroke="none"><ellipse cx="195" cy="406" rx="12" ry="6"/><ellipse cx="317" cy="406" rx="12" ry="6"/></g></g></g></g></svg>

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

import AloeVeraSvg from "./aloe-vera.jsx"; // from the React tab above

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