Tree SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="green" data-name="Green"><path d="M502 54c-48 3-93 28-120 67-6 9-22 46-22 46-2 2-4 3-6 4-3 0-9-2-12-3-26-5-53 0-76 14-35 21-53 61-46 100 1 7 9 21 9 27 0 2-2 5-4 7 0 0-43 15-56 25-18 14-33 31-42 52-19 47-1 102 40 131 8 5 36 15 38 23 3 9 0 19 3 28 8 22 24 39 45 48 46 21 104 5 138-30 9-8 16-30 29-27 7 1 15 10 22 13 24 12 52 16 78 15s52-7 74-21c3-2 8-8 13-8 3 0 5 1 8 3 4 2 6 10 8 13 5 8 12 15 19 20 36 33 99 43 141 16 19-12 34-33 36-57 0-5-1-12 2-17 1-2 38-20 46-27 38-35 49-91 23-136-9-17-23-31-39-42-10-6-20-12-32-16-5-2-13-2-18-5-2-1-4-2-5-4-3-6 3-13 5-19 16-49-11-100-58-120-10-4-22-7-34-8-9-1-38 7-43 3-5-3-10-23-13-29-5-11-12-22-20-31-33-38-82-58-131-55z" fill="#32a42b" stroke="#32a42b"/></g><g id="black" data-name="Black"><path d="M677 151c-20-70-95-116-165-115-60 1-116 29-148 79-8 11-12 24-18 35-15-4-32-3-47 0-70 13-116 84-92 153-62 20-112 73-105 143 2 25 12 50 29 69 16 19 35 28 55 40 4 60 58 97 115 96 20 0 38-8 57-13 44 57 90 90 84 170-1 19-4 39-8 58-5 16-10 31-20 44-13 18-47 29-41 55 5 29 59 22 80 21 17-1 35 1 53 1 26 0 103 5 123-5 7-3 14-10 15-18 4-24-24-33-36-49-12-15-19-33-23-52-19-85-5-117 48-182 11-13 22-29 35-41 10 1 20 6 30 8 38 8 80 0 110-27 23-21 21-33 29-60 1-2 1-5 2-7 3-5 17-8 22-11 10-6 19-14 27-22 34-35 44-89 25-135-13-33-39-58-70-73-8-5-18-6-25-11 5-22 8-42 3-64-15-59-83-106-144-87zM502 54c49-3 98 17 131 55 8 9 15 20 20 31 3 6 8 26 13 29 5 4 34-4 43-3 12 1 24 4 34 8 47 20 74 71 58 120-2 6-8 13-5 19 1 2 3 3 5 4 5 3 13 3 18 5 12 4 22 10 32 16 16 11 30 25 39 42 26 45 15 101-23 136-8 7-45 25-46 27-3 5-2 12-2 17-2 24-17 45-36 57-42 27-105 17-141-16-7-5-14-12-19-20-2-3-4-11-8-13-3-2-5-3-8-3-5 0-10 6-13 8-22 14-48 20-74 21s-54-3-78-15c-7-3-15-12-22-13-13-3-20 19-29 27-34 35-92 51-138 30-21-9-37-26-45-48-3-9 0-19-3-28-2-8-30-18-38-23-41-29-59-84-40-131 9-21 24-38 42-52 13-10 56-25 56-25 2-2 4-5 4-7 0-6-8-20-9-27-7-39 11-79 46-100 23-14 50-19 76-14 3 1 9 3 12 3 2-1 4-2 6-4 0 0 16-37 22-46 27-39 72-64 120-67zM419 587c12 10 30 15 45 19l-2 45c-17-9-38-36-52-51zm187 1l10 14-56 54c-5-14-4-34-4-48 6-3 12-4 18-6 11-3 21-9 32-14zM481 609c18 5 39 4 57 1-1 10 1 20 2 30 0 8-2 26 6 33 16 15 71-47 84-59 5 6 14 13 22 16-10 14-23 27-34 41-49 59-65 92-55 171 5 39 17 78 50 103 5 3 15 8 14 15-1 5-7 7-11 8-18 3-83 0-105 0-20 0-100 3-113-1-15-4-4-15 3-20 34-24 48-60 55-100 12-77 1-117-48-177-11-13-22-28-35-40l24-17c12 10 64 75 79 57 7-8 5-49 5-61z" fill="#06150e" stroke="#06150e"/></g><g id="caramel" data-name="Caramel"><path d="M481 609c0 12 2 53-5 61-15 18-67-47-79-57l-24 17c13 12 24 27 35 40 49 60 60 100 48 177-7 40-21 76-55 100-7 5-18 16-3 20 13 4 93 1 113 1 22 0 87 3 105 0 4-1 10-3 11-8 1-7-9-12-14-15-33-25-45-64-50-103-10-79 6-112 55-171 11-14 24-27 34-41-8-3-17-10-22-16-13 12-68 74-84 59-8-7-6-25-6-33-1-10-3-20-2-30-18 3-39 4-57-1z" fill="#a16331" stroke="#a16331"/></g></svg>

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

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

import TreeSvg from "./tree.jsx"; // from the React tab above

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