Zebra Haworthia SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Q0Y_uREkCQO8/amnt.svg" alt="Zebra Haworthia" 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 fill="none"><defs><filter id="k0_0" x="-18%" y="-18%" width="136%" height="136%" color-interpolation-filters="sRGB"><feMorphology in="SourceAlpha" operator="dilate" radius="11" result="expanded"/><feFlood flood-color="#ffffff" result="white"/><feComposite in="white" in2="expanded" operator="in" result="border"/><feMerge><feMergeNode in="border"/><feMergeNode in="SourceGraphic"/></feMerge></filter><clipPath id="k0_1"><path d="M229 310c-34-55-43-114-33-170 32 31 55 82 60 148z"/></clipPath><clipPath id="k0_2"><path d="M274 311c4-67 25-123 57-160 8 59-3 118-32 166z"/></clipPath><clipPath id="k0_3"><path d="M207 324C168 300 132 251 119 185c38 16 85 52 119 113z"/></clipPath><clipPath id="k0_4"><path d="M292 325c45-30 78-83 90-148-43 24-85 64-116 121z"/></clipPath><clipPath id="k0_5"><path d="M255 328c-29-67-25-144 0-220 30 76 34 153 4 220z"/></clipPath></defs><g filter="url(#k0_0)" stroke="#263b36" stroke-width="7" stroke-linejoin="round" stroke-linecap="round"><path d="M229 310c-34-55-43-114-33-170 32 31 55 82 60 148z" fill="#326953"/><g clip-path="url(#k0_1)" stroke="none" fill="#fff4d9"><path d="M176 174c19 11 38 20 60 25l4 19c-23-3-45-12-65-23z"/><path d="M184 227c22 8 44 12 67 11l3 19c-24 2-46-1-67-8z"/><path d="M195 275c18 3 38 2 60-3l4 20c-20 6-40 8-56 6z"/></g><path d="M274 311c4-67 25-123 57-160 8 59-3 118-32 166z" fill="#326953"/><g clip-path="url(#k0_2)" stroke="none" fill="#fff4d9"><path d="M293 197c19 1 36-3 54-13l-2 21c-17 9-35 13-54 12z"/><path d="M282 238c22 4 42 1 62-8l-5 22c-19 8-39 11-61 6z"/><path d="M275 280c19 6 38 5 56 0l-8 22c-16 5-33 5-51 0z"/></g><path d="M207 324C168 300 132 251 119 185c38 16 85 52 119 113z" fill="#285e4d"/><g clip-path="url(#k0_3)" stroke="none" fill="#fff4d9"><path d="M131 211c20 0 40-5 58-13l17 16c-22 11-44 17-65 19z"/><path d="M153 252c23-3 45-10 66-22l13 18c-21 13-43 21-66 25z"/><path d="M181 289c21-6 39-15 57-28l10 20c-17 13-34 23-51 29z"/></g><path d="M292 325c45-30 78-83 90-148-43 24-85 64-116 121z" fill="#285e4d"/><g clip-path="url(#k0_4)" stroke="none" fill="#fff4d9"><path d="M324 211c18 8 37 11 55 9l-8 22c-19 0-38-4-56-13z"/><path d="M294 250c21 11 42 16 64 17l-13 21c-22-2-42-9-62-20z"/><path d="M271 287c18 13 36 22 56 26l-18 19c-18-6-34-15-49-28z"/></g><path d="M255 328c-29-67-25-144 0-220 30 76 34 153 4 220z" fill="#326953"/><g clip-path="url(#k0_5)" stroke="none" fill="#fff4d9"><path d="M221 163c22 10 46 10 68 0l6 23c-27 12-53 12-80 0z"/><path d="M216 215c26 12 52 12 78 0l5 23c-29 13-59 13-88 0z"/><path d="M218 268c24 11 50 11 74 0l-5 24c-20 9-43 9-64 0z"/></g><path d="M154 315h204l-17 113c-2 13-12 21-25 21H196c-13 0-23-8-25-21z" fill="#f9cf69"/><path d="M151 307h210v26H151z" fill="#ffe18b"/><path d="M178 347h156" stroke="#eeb957" stroke-width="5"/><path d="M209 377c-5-8-15-8-20 0" stroke-width="7"/><path d="M323 377c-5-8-15-8-20 0" stroke-width="7"/><path d="M238 393c7 15 29 15 36 0" stroke-width="7"/><path d="M227 385c-6-5-14-4-19 2" stroke="#f4a89e" stroke-width="5"/><path d="M304 387c-5-6-13-7-19-2" stroke="#f4a89e" stroke-width="5"/></g></g></g></svg>

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

import ZebraHaworthiaSvg from "./zebra-haworthia.jsx"; // from the React tab above

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