Double Arrow Bullet SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="purple" data-name="Purple"><path d="M172 231c-7 1-12 6-14 13-3 15 0 66 0 86 0 37 0 74 0 112 0 74 0 148 0 223 0 18-3 61 0 76 3 10 12 15 21 13 12-3 53-37 66-46 43-31 86-62 130-93 43-31 87-61 130-94 8-6 21-13 23-25 1-6-1-12-5-17-11-15-68-53-86-66-44-31-87-63-130-94-30-21-59-42-89-63-10-7-22-18-34-23-4-2-8-2-12-2z" fill="#0162fb" stroke="#0162fb"/><path d="M535 231c-6 1-12 8-14 14-3 16 0 70 0 90 0 16-3 99 0 107 1 3 3 3 4 5 5 6 14 10 20 18 13 17 11 41-2 58-4 5-19 14-21 19-4 9-1 62-1 75 0 38-1 77 0 116 2 46 47 4 64-8 44-32 90-65 135-97s91-64 135-97c11-8 32-18 36-32 2-6 2-12-2-18-7-12-65-50-80-61-44-33-89-65-134-97-18-14-117-88-130-91-4-1-7-1-10-1z" fill="#0162fb" stroke="#0162fb"/></g><g id="midnight" data-name="Midnight"><path d="M493 422c-13-15-50-37-68-51-61-44-123-88-184-132-14-10-29-24-45-30-25-11-55 0-63 27-4 13-2 27-2 41 0 72 0 144 0 217 0 72 0 145 0 218 0 13-2 27 2 39 8 26 39 37 63 25 16-8 31-22 46-32 61-44 122-88 184-132 23-16 45-34 69-50 0 43 0 86 0 129 0 17-2 37 0 55 2 12 10 23 20 29 11 7 27 8 39 3 19-6 89-61 110-76 44-33 90-65 135-97 25-18 97-65 111-85 6-8 9-18 9-27 0-11-3-22-10-30-15-21-85-66-109-84-45-33-90-66-136-98-23-16-89-68-111-75-12-4-27-2-38 5-9 5-16 15-19 26-3 15-1 33-1 50 0 33 0 66 0 100 0 11 2 24-2 35zM172 231c4 0 8 0 12 2 12 5 24 16 34 23 30 21 59 42 89 63 43 31 86 63 130 94 18 13 75 51 86 66 4 5 6 11 5 17-2 12-15 19-23 25-43 33-87 63-130 94-44 31-87 62-130 93-13 9-54 43-66 46-9 2-18-3-21-13-3-15 0-58 0-76 0-75 0-149 0-223 0-38 0-75 0-112 0-20-3-71 0-86 2-7 7-12 14-13zm363 0c3 0 6 0 10 1 13 3 112 77 130 91 45 32 90 64 134 97 15 11 73 49 80 61 4 6 4 12 2 18-4 14-25 24-36 32-44 33-90 65-135 97s-91 65-135 97c-17 12-62 54-64 8-1-39 0-78 0-116 0-13-3-66 1-75 2-5 17-14 21-19 13-17 15-41 2-58-6-8-15-12-20-18-1-2-3-2-4-5-3-8 0-91 0-107 0-20-3-74 0-90 2-6 8-13 14-14z" fill="#020a25" stroke="#020a25"/></g></svg>

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

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

import DoubleArrowBulletSvg from "./double-arrow-bullet.jsx"; // from the React tab above

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