Grass SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="forest" data-name="Forest"><path d="M557 630c0-110-7-220 2-328 4-50 10-99 20-148 5-20 10-41 16-60 2-7 21-52 21-55-1-5-4-7-9-6-13 2-65 81-73 96-21 37-38 76-51 117-21 67-33 139-40 210-2 26-2 53-5 79-10-20-15-44-22-65-17-47-40-91-66-132-14-23-31-44-48-63-5-6-55-65-56-38 0 3 20 35 23 41 32 69 52 143 68 217 11 54 21 107 31 161 4 20 15 57 15 76-39-78-86-152-158-203-12-9-131-79-116-43 0 1 43 36 48 42 15 16 29 32 41 49 52 74 87 158 121 241 17 42 35 85 52 128 4 9 15 42 22 45 6 3 16 1 23 1 29 0 60 0 90 0s60 0 91 0c7 0 19 2 25-1s16-37 19-44c17-43 34-85 54-127 37-79 83-154 139-221 17-20 35-38 54-55 5-5 25-19 27-24 2-6-1-10-8-10-22 0-98 47-118 62-50 37-93 85-127 137-13 19-23 45-37 61 8-39 19-79 28-118 27-116 50-238 109-343 3-6 14-18 7-24-8-8-53 40-60 48-25 26-46 54-65 85-28 45-51 96-68 148-7 21-10 43-19 64zM586 76c-3 22-13 44-18 65-11 46-17 93-21 139-7 79-7 158-6 237 1 64 5 128 2 192-4 90-8 180-20 269h-35c-50-248-77-694 98-902zM286 277c74 71 121 199 147 296 8 28 3 61 4 90 2 40 4 81 8 120 7 66 18 130 29 195h-10c-10-25-15-54-22-80-10-33-21-65-30-98-14-58-25-117-36-176-11-61-22-122-37-182-8-29-15-58-24-86-4-10-30-77-29-79zm455 43c-11 24-22 48-32 73-31 82-50 167-69 252-14 60-26 119-42 178-8 27-18 54-26 80-7 19-16 59-25 75h-10c9-63 14-126 17-190 1-31-1-64 3-95 4-34 16-68 25-100 31-104 82-197 159-273zM151 502c103 48 170 132 218 234 11 24 23 48 32 74 18 55 31 112 49 168h-50c-19-34-31-74-46-110-53-130-102-265-203-366zm721 39c-60 58-109 123-150 197-29 52-54 107-77 163-10 22-20 58-32 77h-51c3-20 12-40 19-59 9-28 17-58 29-85 17-41 39-82 64-119s53-72 86-102c13-12 99-79 112-72z" fill="#034b04" stroke="#034b04"/></g><g id="lime" data-name="Lime"><path d="M586 76c-175 208-148 654-98 902h35c12-89 16-179 20-269 3-64-1-128-2-192-1-79-1-158 6-237 4-46 10-93 21-139 5-21 15-43 18-65z" fill="#8bce34" stroke="#8bce34"/><path d="M151 502c101 101 150 236 203 366 15 36 27 76 46 110h50c-18-56-31-113-49-168-9-26-21-50-32-74-48-102-115-186-218-234z" fill="#8bce34" stroke="#8bce34"/></g><g id="lime-2" data-name="Lime 2"><path d="M741 320c-77 76-128 169-159 273-9 32-21 66-25 100-4 31-2 64-3 95-3 64-8 127-17 190h10c9-16 18-56 25-75 8-26 18-53 26-80 16-59 28-118 42-178 19-85 38-170 69-252 10-25 21-49 32-73z" fill="#c9f365" stroke="#c9f365"/></g><g id="green" data-name="Green"><path d="M286 277c-1 2 25 69 29 79 9 28 16 57 24 86 15 60 26 121 37 182 11 59 22 118 36 176 9 33 20 65 30 98 7 26 12 55 22 80h10c-11-65-22-129-29-195-4-39-6-80-8-120-1-29 4-62-4-90-26-97-73-225-147-296z" fill="#22aa1c" stroke="#22aa1c"/><path d="M872 541c-13-7-99 60-112 72-33 30-61 65-86 102s-47 78-64 119c-12 27-20 57-29 85-7 19-16 39-19 59h51c12-19 22-55 32-77 23-56 48-111 77-163 41-74 90-139 150-197z" fill="#22aa1c" stroke="#22aa1c"/></g></svg>

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

.grass {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HGMQpIrhzRhh/amnt.svg") center / contain no-repeat;
}

import GrassSvg from "./grass.jsx"; // from the React tab above

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