Three Way Arrow SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cobalt" data-name="Cobalt"><path d="M513 122l-139 170c13 0 66-4 73 3 5 4 4 9 4 15 1 31 0 62 0 94 0 42 0 85 0 128 0 20 2 40 0 60-1 14-7 27-15 38-26 34-72 26-110 26-31 0-64 3-94 0-5 0-10 0-13-4-6-7-3-62-3-74l-159 136 159 131c0-12-4-67 4-74 5-5 17-3 24-3 34 0 70 0 105 0 32 0 68 4 99-5 17-5 33-14 46-26 4-4 8-11 12-13 2-1 4-2 6-2 9 0 14 11 20 16 13 12 28 20 45 25 31 9 67 5 100 5 34 0 70 0 105 0 6 0 17-2 22 3 8 7 4 62 4 74l159-131-159-136c0 13 4 67-3 74-4 4-8 4-13 4-32 2-63 0-94 0-38 0-81 7-108-24-10-12-16-26-17-41-2-20 0-41 0-61 0-43 0-85 0-127 0-32-2-63 0-94 0-5 0-10 4-14 7-7 62-3 75-3z" fill="#016afb" stroke="#016afb"/></g><g id="grape" data-name="Grape"><path d="M594 313c19 0 38-1 57-1 16 0 45 4 24-23-17-22-36-43-53-65-18-23-36-45-54-66-8-11-46-63-56-63-9 1-49 54-57 64-17 22-35 44-53 65-18 22-36 44-53 66-5 6-11 14-3 20 7 6 72 3 85 3 0 86 0 173 0 260 0 47-21 63-66 63-29 0-59 0-87 0-14 0-28 2-41-1 0-14 3-75-2-84s-14-4-20 1c-22 16-41 35-62 52-15 13-121 100-122 108-1 3 0 5 1 7 3 7 106 89 121 101 21 17 41 36 63 52 6 4 13 8 18 1 6-7 3-71 3-84 35 0 70-3 104-1 61 3 125 6 171-40 44 48 112 40 172 40 34 0 69 1 103 1 0 13-3 77 3 84 6 8 14 3 19-2 22-17 43-35 63-52 15-12 115-91 119-98 2-3 3-6 2-10-2-8-109-95-123-108-19-15-43-41-63-53-5-4-12-7-17 0-6 7-3 73-3 86-33 0-66 0-98 0-62 0-94 4-96-68-1-65 0-130 0-195 0-20 2-40 1-60zM513 122l139 170c-13 0-68-4-75 3-4 4-4 9-4 14-2 31 0 62 0 94 0 42 0 84 0 127 0 20-2 41 0 61 1 15 7 29 17 41 27 31 70 24 108 24 31 0 62 2 94 0 5 0 9 0 13-4 7-7 3-61 3-74l159 136-159 131c0-12 4-67-4-74-5-5-16-3-22-3-35 0-71 0-105 0-33 0-69 4-100-5-17-5-32-13-45-25-6-5-11-16-20-16-2 0-4 1-6 2-4 2-8 9-12 13-13 12-29 21-46 26-31 9-67 5-99 5-35 0-71 0-105 0-7 0-19-2-24 3-8 7-4 62-4 74l-159-131 159-136c0 12-3 67 3 74 3 4 8 4 13 4 30 3 63 0 94 0 38 0 84 8 110-26 8-11 14-24 15-38 2-20 0-40 0-60 0-43 0-86 0-128 0-32 1-63 0-94 0-6 1-11-4-15-7-7-60-3-73-3z" fill="#011d5c" stroke="#011d5c"/></g></svg>

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

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

import ThreeWayArrowSvg from "./three-way-arrow.jsx"; // from the React tab above

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