Cross Bullet SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M512 387c-61-61-121-122-181-183-23-22-45-44-67-66-27-27-53-64-96-58-19 3-35 12-49 26-20 20-29 50-17 77 10 25 101 106 126 131 60 60 122 119 182 180-61 60-122 120-182 181-25 24-114 106-125 129-14 28-7 60 15 81 19 20 49 28 76 17 25-10 109-100 135-125 60-60 122-119 183-180 45 45 90 91 137 135 16 14 30 31 46 45 27 26 109 115 135 125 26 11 57 3 77-17 19-19 27-49 16-75-9-23-103-111-127-135-60-61-122-121-182-181 61-61 122-120 183-180 24-25 113-105 124-128 13-28 5-60-16-81-14-13-31-23-50-25-41-5-67 29-93 56-23 23-46 46-69 69-60 61-120 121-181 182z" fill="#fc0202" stroke="#fc0202"/></g><g id="black" data-name="Black"><path d="M512 362c-62-62-122-125-184-185-19-19-38-37-56-56-14-13-26-28-41-40-38-32-92-20-124 13-14 14-25 31-27 51-7 52 35 82 68 115 17 16 35 34 52 52 61 61 123 121 185 182-62 61-124 123-185 184-20 19-38 39-57 57-31 31-66 57-64 105 1 22 10 42 27 58 30 30 78 35 113 10 13-9 23-23 35-33 25-23 49-48 73-71 61-62 124-121 185-182 62 61 125 121 187 183 18 19 37 37 56 56 16 15 31 33 48 46 35 27 86 21 116-9 16-16 25-36 26-58 2-46-31-72-60-101-21-20-41-41-62-61-61-62-123-123-184-184 61-62 124-122 186-183 20-20 39-40 60-60 13-14 29-26 41-41 30-36 22-86-9-117-31-30-79-42-117-17-18 12-34 30-49 47-18 19-38 36-56 55-60 61-122 122-183 184zm0 25c61-61 121-121 181-182 23-23 46-46 69-69 26-27 52-61 93-56 19 2 36 12 50 25 21 21 29 53 16 81-11 23-100 103-124 128-61 60-122 119-183 180 60 60 122 120 182 181 24 24 118 112 127 135 11 26 3 56-16 75-20 20-51 28-77 17-26-10-108-99-135-125-16-14-30-31-46-45-47-44-92-90-137-135-61 61-123 120-183 180-26 25-110 115-135 125-27 11-57 3-76-17-22-21-29-53-15-81 11-23 100-105 125-129 60-61 121-121 182-181-60-61-122-120-182-180-25-25-116-106-126-131-12-27-3-57 17-77 14-14 30-23 49-26 43-6 69 31 96 58 22 22 44 44 67 66 60 61 120 122 181 183z" fill="#090c11" stroke="#090c11"/></g></svg>

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

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

import CrossBulletSvg from "./cross-bullet.jsx"; // from the React tab above

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