Chevron Bullet SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0RC8B0mFHEnu/amnt.svg" alt="Chevron Bullet" 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="M808 510c-20-19-39-40-58-60-21-23-44-44-65-66-35-35-69-70-104-104-44-45-88-90-133-133-25-23-48-53-75-72-9-7-18-11-28-14-63-19-131 36-110 103 10 32 80 93 107 120 76 75 152 151 228 227-76 76-153 151-231 223-19 17-36 34-54 50-14 13-31 26-42 41-6 8-11 18-13 27-17 65 51 119 112 97 9-3 18-9 25-15 18-15 34-32 51-47 54-51 108-102 162-153 78-72 152-149 228-224z" fill="#04276c" stroke="#04276c"/></g><g id="black" data-name="Black"><path d="M542 511c-18 18-36 35-54 52-23 21-44 44-67 65-41 39-82 77-122 116-44 42-101 74-91 145 9 65 84 101 143 78 34-13 73-59 101-84 50-46 98-94 148-140 41-38 81-78 121-117 19-20 39-40 59-59 7-8 52-49 53-54 2-3 1-4 0-7-3-6-105-107-118-120-40-40-78-80-118-119-45-45-90-89-134-133-24-24-56-61-83-79-9-7-21-11-31-14-61-17-133 23-138 90-5 64 52 103 93 144 79 78 160 156 238 236zm266-1c-76 75-150 152-228 224-54 51-108 102-162 153-17 15-33 32-51 47-7 6-16 12-25 15-61 22-129-32-112-97 2-9 7-19 13-27 11-15 28-28 42-41 18-16 35-33 54-50 78-72 155-147 231-223-76-76-152-152-228-227-27-27-97-88-107-120-21-67 47-122 110-103 10 3 19 7 28 14 27 19 50 49 75 72 45 43 89 88 133 133 35 34 69 69 104 104 21 22 44 43 65 66 19 20 38 41 58 60z" fill="#010101" stroke="#010101"/></g></svg>

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

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

import ChevronBulletSvg from "./chevron-bullet.jsx"; // from the React tab above

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