Growth Arrow SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M889 884c-6-26 1-61 0-88-2-42 0-84 0-125 0-29-2-57-1-85 2-50 0-101 0-150 1-68-49-53-98-53-40 0-105-12-117 40-3 16-1 34-1 51 0 34 0 68 0 103 0 103 0 206 0 309-13 0-39 3-50-1 0-77 0-153 0-229 0-18 0-35 0-52 0-27 3-64-32-69-24-3-52 0-76 0-21 0-44-2-64 0-58 7-45 80-45 121 0 76 0 152 0 229-16 2-33 0-49 1-5-14-2-133-2-157 0-43-22-47-59-47-17 0-33 0-49 0-41 1-104-9-108 48-3 38 0 78 0 117 0 12 2 25-1 37-14 2-46-4-44 19 2 20 36 13 50 13 41 0 81 0 123 0 82 0 164 0 247 0 82 0 164 0 247 0 41 0 82 0 123 0 13 0 46 7 48-13 3-23-29-16-42-19zm-29 2h-160c0-92 0-184 0-276 0-47 0-93 0-139 0-75 8-60 80-60 14 0 62-3 72 1 4 1 7 5 8 9 3 14 0 33 0 48 0 46 0 92 0 139 0 92 0 185 0 278zm-267 0h-160c0-67 0-134 0-200 0-22-4-91 1-107 2-6 7-12 13-14 15-6 48-2 66-2 11 0 71-2 76 2 6 4 4 12 4 18 0 33 0 67 0 101 0 67 0 135 0 202zm-267 0h-160c0-42 0-84 0-126 0-11-2-25 1-35 7-22 60-14 79-14 11 0 75-3 79 4s1 34 1 43c0 42 0 85 0 128z" fill="#011e55" stroke="#011e55"/><path d="M814 263c15 28 56 44 75 11 8-13 9-32 12-47 6-25 26-99 25-119 0-10-5-20-12-26-6-6-14-10-22-11-20-2-97 22-121 28-25 7-62 10-63 44 0 8 2 17 7 24 5 8 15 14 22 22l-173 168c-13-14-35-37-54-43-11-3-22-3-33 2-19 7-94 77-115 96-62 53-124 106-184 161-42 37-17 97 33 95 28-1 77-54 100-73 61-53 121-108 184-160 15 13 28 31 46 41 13 8 32 8 46 2 18-9 60-56 78-72 50-46 102-94 149-143zm0-35c-50 50-101 99-153 147-27 24-50 52-77 74-9 7-16 10-26 7-13-4-52-44-62-55-16 9-41 35-56 48-39 34-78 69-118 103-29 24-57 50-86 74-6 6-13 14-21 15-23 5-41-19-30-39 5-10 17-17 25-24 57-51 116-100 173-151 28-25 57-50 87-75 9-8 17-16 30-14 12 2 55 43 65 53 13-6 23-23 34-32 60-56 117-114 175-171-9-10-53-39-35-53 7-5 30-8 40-11 15-4 100-28 108-28 3 0 7 2 9 4 3 3 4 6 4 10 1 15-20 91-24 111-2 12-3 29-9 40-3 6-9 8-16 5s-29-31-37-38z" fill="#011e55" stroke="#011e55"/></g><g id="emerald" data-name="Emerald"><path d="M860 886c0-93 0-186 0-278 0-47 0-93 0-139 0-15 3-34 0-48-1-4-4-8-8-9-10-4-58-1-72-1-72 0-80-15-80 60 0 46 0 92 0 139 0 92 0 184 0 276z" fill="#027236" stroke="#027236"/></g><g id="lime" data-name="Lime"><path d="M814 228c8 7 30 35 37 38s13 1 16-5c6-11 7-28 9-40 4-20 25-96 24-111 0-4-1-7-4-10-2-2-6-4-9-4-8 0-93 24-108 28-10 3-33 6-40 11-18 14 26 43 35 53-58 57-115 115-175 171-11 9-21 26-34 32-10-10-53-51-65-53-13-2-21 6-30 14-30 25-59 50-87 75-57 51-116 100-173 151-8 7-20 14-25 24-11 20 7 44 30 39 8-1 15-9 21-15 29-24 57-50 86-74 40-34 79-69 118-103 15-13 40-39 56-48 10 11 49 51 62 55 10 3 17 0 26-7 27-22 50-50 77-74 52-48 103-97 153-147z" fill="#63f61c" stroke="#63f61c"/></g><g id="green" data-name="Green"><path d="M593 886c0-67 0-135 0-202 0-34 0-68 0-101 0-6 2-14-4-18-5-4-65-2-76-2-18 0-51-4-66 2-6 2-11 8-13 14-5 16-1 85-1 107 0 66 0 133 0 200z" fill="#03a93e" stroke="#03a93e"/><path d="M326 886c0-43 0-86 0-128 0-9 3-36-1-43s-68-4-79-4c-19 0-72-8-79 14-3 10-1 24-1 35 0 42 0 84 0 126z" fill="#03a93e" stroke="#03a93e"/></g></svg>

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

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

import GrowthArrowSvg from "./growth-arrow.jsx"; // from the React tab above

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