Dotted Arrow SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M163 482c-33 4-27 55 6 51 33-3 27-54-6-51z" fill="#032065" stroke="#032065"/><path d="M648 482c-33 3-28 54 5 51 33-2 28-53-5-51z" fill="#032065" stroke="#032065"/><path d="M439 482c-33 5-25 55 8 51s24-55-8-51z" fill="#032065" stroke="#032065"/><path d="M94 482c-33 4-27 54 6 51 34-3 27-54-6-51z" fill="#032065" stroke="#032065"/><path d="M369 482c-32 5-26 57 9 51 33-5 23-55-9-51z" fill="#032065" stroke="#032065"/><path d="M509 482c-33 4-27 54 6 51s27-54-6-51z" fill="#032065" stroke="#032065"/><path d="M579 482c-33 3-28 55 5 51 33-3 28-54-5-51z" fill="#032065" stroke="#032065"/><path d="M232 482c-33 4-27 54 6 51 34-3 27-55-6-51z" fill="#032065" stroke="#032065"/><path d="M784 483c-33 5-24 56 9 51 33-6 24-55-9-51z" fill="#032065" stroke="#032065"/><path d="M714 483c-32 6-24 56 11 50 33-5 22-56-11-50z" fill="#032065" stroke="#032065"/><path d="M798 361c-33 6-21 57 12 50 32-6 21-56-12-50z" fill="#032065" stroke="#032065"/><path d="M931 485c-32 7-19 57 13 50s20-57-13-50z" fill="#032065" stroke="#032065"/><path d="M301 482c-33 4-26 55 7 51s25-54-7-51z" fill="#032065" stroke="#032065"/><path d="M802 610c-33 3-29 54 4 51s28-53-4-51z" fill="#032065" stroke="#032065"/><path d="M848 484c-31 6-22 58 13 50 32-7 19-56-13-50z" fill="#032065" stroke="#032065"/><path d="M892 527c-33 5-24 56 9 51 32-6 23-55-9-51z" fill="#032065" stroke="#032065"/><path d="M848 570c-32 6-22 57 10 50 33-7 22-55-10-50z" fill="#032065" stroke="#032065"/><path d="M850 401c-33 4-27 55 6 51s26-54-6-51z" fill="#032065" stroke="#032065"/><path d="M890 443c-32 6-20 56 11 50 32-7 24-56-11-50z" fill="#032065" stroke="#032065"/></g></svg>

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

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

import DottedArrowSvg from "./dotted-arrow.jsx"; // from the React tab above

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