Split Arrow SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M942 56l-229 64c6 6 50 46 51 49 1 2 1 5 1 7-1 4-9 10-12 13-22 22-45 43-67 64-45 42-88 89-138 125-30 22-65 39-103 47-44 8-92 4-137 4-78 0-155 0-233 0v133c71 0 142 0 213 0 48 0 98-5 145 6 42 10 81 31 115 58 50 38 92 86 139 129 23 21 46 43 68 66 4 4 11 8 10 14-1 7-50 47-58 53l241 69c-6-18-8-38-11-56-6-31-13-62-19-93-5-26-18-70-18-94-7 7-46 46-53 45-6-1-30-28-35-33-27-28-55-54-82-81-28-27-55-55-84-79-16-12-32-24-49-34-6-4-54-24-54-26-1-3-1-5 1-7 0 0 44-20 50-23 17-9 33-21 49-33 29-24 56-52 84-78 28-27 55-54 83-81 5-5 31-33 36-34 8-1 42 36 49 44z" fill="#0086fc" stroke="#0086fc"/></g><g id="navy" data-name="Navy"><path d="M847 270c12 7 40 43 49 45 6 2 9 0 12-5 5-10 16-77 19-94 6-31 12-62 18-93 3-12 17-72 15-79-2-6-6-7-11-7-11 0-26 8-37 11-46 13-92 26-138 38-11 4-74 19-79 23-2 2-4 4-4 7-1 9 46 48 55 57-36 35-72 70-109 104-32 29-61 61-96 86-25 18-53 33-83 42-41 11-83 7-124 7-38 0-76 1-114 0-40-1-82 1-122 1-10 0-26-4-35 1-2 1-4 3-5 6-3 10 0 66 0 81 0 11-3 72 4 76s37 1 47 1c39-1 83-1 122 1 76 3 161-13 234 17 87 35 148 114 216 176 21 20 43 40 64 61-10 10-61 48-61 58 0 3 2 6 5 8 7 5 67 20 80 23 40 12 81 24 121 35 20 6 40 14 60 18 5 0 11 3 14-2 5-7-11-70-13-82-6-32-13-64-19-96-3-15-16-89-20-97-3-4-6-6-10-6-5 1-48 41-53 47-40-40-79-79-120-117-31-28-59-60-93-84-19-14-40-23-59-35 20-12 42-21 61-36 36-27 67-59 99-90 37-36 74-71 110-107zM942 56l-47 238c-7-8-41-45-49-44-5 1-31 29-36 34-28 27-55 54-83 81-28 26-55 54-84 78-16 12-32 24-49 33-6 3-50 23-50 23-2 2-2 4-1 7 0 2 48 22 54 26 17 10 33 22 49 34 29 24 56 52 84 79 27 27 55 53 82 81 5 5 29 32 35 33 7 1 46-38 53-45 0 24 13 68 18 94 6 31 13 62 19 93 3 18 5 38 11 56l-241-69c8-6 57-46 58-53 1-6-6-10-10-14-22-23-45-45-68-66-47-43-89-91-139-129-34-27-73-48-115-58-47-11-97-6-145-6-71 0-142 0-213 0v-133c78 0 155 0 233 0 45 0 93 4 137-4 38-8 73-25 103-47 50-36 93-83 138-125 22-21 45-42 67-64 3-3 11-9 12-13 0-2 0-5-1-7-1-3-45-43-51-49z" fill="#011e56" stroke="#011e56"/></g></svg>

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

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

import SplitArrowSvg from "./split-arrow.jsx"; // from the React tab above

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