Double Arrow SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QHPO9vuWxDFJ/amnt.svg" alt="Double 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="M699 222c0 11 3 58-1 66s-67 5-79 5c-50 0-100 0-150 0-101 0-201 0-301 0 0 24-4 75 2 96 99 0 198 0 298 0 49 0 99 0 149 0 15 0 61-3 73 0 4 1 7 4 8 7 4 10 1 47 1 60l156-118z" fill="#019dfb" stroke="#019dfb"/><path d="M699 538c0 13 3 52-1 62-1 4-4 6-8 7-14 4-56 0-72 0-50 0-100 0-150 0-100 0-200 0-300 0v96c100 0 199 0 299 0 49 0 99 0 149 0 13 0 77-4 82 6 4 7 1 48 1 59l157-115z" fill="#019dfb" stroke="#019dfb"/></g><g id="grape" data-name="Grape"><path d="M678 410c0 12-4 65 3 72 7 8 16 0 23-5 20-15 41-30 62-46 14-10 113-80 116-86 2-3 2-6 1-10-1-6-109-83-122-93-21-15-41-32-62-46-6-4-15-8-20 1-4 8-1 62-1 75-100 0-200 0-300 0-50 0-100 0-150 0-90 0-81-18-81 70 0 11-3 61 5 66 5 4 14 2 20 2 18 0 38 0 57 0 50 0 100 0 150 0 99 0 199 0 299 0zm21-188l156 116-156 118c0-13 3-50-1-60-1-3-4-6-8-7-12-3-58 0-73 0-50 0-100 0-149 0-100 0-199 0-298 0-6-21-2-72-2-96 100 0 200 0 301 0 50 0 100 0 150 0 12 0 75 3 79-5s1-55 1-66z" fill="#032c6a" stroke="#032c6a"/><path d="M678 724c0 11-2 66 2 71 7 9 17 1 23-4 21-15 42-30 63-46 15-12 110-78 115-86 2-3 3-6 2-10-2-7-108-82-123-93-20-15-40-32-62-46-6-4-14-8-19 1-4 8-1 62-1 75-100 0-200 0-300 0-50 0-100 0-150 0-19 0-38 0-56 0-6 0-15-2-20 2-8 5-5 56-5 68 0 11-3 61 5 66 5 3 13 2 19 2 19 0 38 0 58 0 50 0 100 0 150 0 99 0 199 0 299 0zm21-186l157 115-157 115c0-11 3-52-1-59-5-10-69-6-82-6-50 0-100 0-149 0-100 0-199 0-299 0v-96c100 0 200 0 300 0 50 0 100 0 150 0 16 0 58 4 72 0 4-1 7-3 8-7 4-10 1-49 1-62z" fill="#032c6a" stroke="#032c6a"/></g></svg>

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

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

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

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