Delete Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/q6n6FzjPGQor/amnt.svg" alt="Delete Button" 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="M167 352c-86 8-145 95-127 177 12 56 59 103 117 113 25 4 52 2 79 2 103 0 207 0 311 0 68 0 136 0 205 0 34 0 70 3 105-1 85-9 145-92 127-176-12-60-66-110-128-115-22-2-45 0-67 0-104 0-208 0-311 0-70 0-140 0-209 0-34 0-69-3-102 0zm122 65c12 0 27-3 38 2 23 8 13 36-7 42-2 10-1 21-2 31-1 24-4 49-6 73 0 8 0 17-3 26-2 8-9 15-16 18-14 7-36 3-51 3-42 0-70 7-72-44-2-35-9-71-8-107-25-9-30-35-7-42 11-4 25-2 37-2-2-34 23-34 49-34s49 0 48 34zm359 86c4-11 9-21 19-29 23-18 57-11 72 13 0-11-2-20 12-21 0-5-2-13 1-18 5-8 32-8 36-1 4 5 2 14 2 19 21-1 16 7 19 23 29-42 91-28 92 26 0 11-3 16-15 17 3 2 9 3 11 7 10 23-62 49-88 4-1 6 1 13-2 18-6 11-34 7-43 1-20-13-11-41-13-61h-5c0 14 5 30-14 31 3 1 9 4 10 7 7 17-31 30-42 30-29 0-42-17-52-40-4 24 10 37-22 37-27 0-18-19-18-40-5 4-9 5-16 5 37 15-16 38-34 38-31-2-40-20-49-45-20 35-34 42-74 43-8 0-32 2-37-3-6-5-3-63-3-74 0-10-3-51 4-55 5-4 14-2 20-2 12 0 24-1 36 1 33 4 54 28 57 61 6-6 9-15 17-21 21-17 54-12 69 10 5 7 6 15 10 23 1-13-3-67 2-73 3-5 11-4 16-4s12-1 16 2c9 6 4 58 6 71z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M435 471v57c9 0 19 1 26-4 20-14 14-55-26-53z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M262 571c2 0 3 0 5-2 2-3 0-34 0-40s1-38-2-40c-8-4-5 34-5 40 0 9-3 34 2 42z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M217 489c-3 2-2 37-2 43 0 5-3 42 4 39 3-2 2-37 2-42 0-6 3-43-4-40z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M805 501h-15v32l13-1c0-11-2-20 2-31z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M256 416c-8-2-24-3-31 1 8 1 24 2 31-1z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M569 532h-16c4 3 12 3 16 0z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M708 532h-16c5 3 11 3 16 0z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M567 501c-4-4-11-4-15 0z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M705 501c-4-4-11-4-15 0z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M860 501c-4-4-11-4-15 0z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M863 532h-16c5 2 11 3 16 0z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M217 425v-13z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M800 474l-13-1z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M746 493l-1-11z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M691 508l-10-1z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M556 508h8z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M706 508l8-1z" fill="#fa1a1c" stroke="#fa1a1c"/><path d="M618 438h6z" fill="#fa1a1c" stroke="#fa1a1c"/></g><g id="black" data-name="Black"><path d="M175 342c-88 5-158 86-146 174 8 69 61 125 131 136 17 2 34 1 52 1 210-1 419 0 630 0 88 0 161-78 154-167-5-68-55-127-123-141-18-3-36-3-54-3-143 0-287 0-429 0-72 0-144-3-215 0zm-8 10c33-3 68 0 102 0 69 0 139 0 209 0 103 0 207 0 311 0 22 0 45-2 67 0 62 5 116 55 128 115 18 84-42 167-127 176-35 4-71 1-105 1-69 0-137 0-205 0-104 0-208 0-311 0-27 0-54 2-79-2-58-10-105-57-117-113-18-82 41-169 127-177z" fill="#161414" stroke="#161414"/><path d="M648 503c-2-13 3-65-6-71-4-3-11-2-16-2s-13-1-16 4c-5 6-1 60-2 73-4-8-5-16-10-23-15-22-48-27-69-10-8 6-11 15-17 21-3-33-24-57-57-61-12-2-24-1-36-1-6 0-15-2-20 2-7 4-4 45-4 55 0 11-3 69 3 74 5 5 29 3 37 3 40-1 54-8 74-43 9 25 18 43 49 45 18 0 71-23 34-38 7 0 11-1 16-5 0 21-9 40 18 40 32 0 18-13 22-37 10 23 23 40 52 40 11 0 49-13 42-30-1-3-7-6-10-7 19-1 14-17 14-31h5c2 20-7 48 13 61 9 6 37 10 43-1 3-5 1-12 2-18 26 45 98 19 88-4-2-4-8-5-11-7 12-1 15-6 15-17-1-54-63-68-92-26-3-16 2-24-19-23 0-5 2-14-2-19-4-7-31-7-36 1-3 5-1 13-1 18-14 1-12 10-12 21-15-24-49-31-72-13-10 8-15 18-19 29zM402 441c47 0 102-6 102 59 0 63-55 59-102 59zm199 83h-61c7 18 25 21 40 8l18 10c-19 39-98 17-80-41 14-46 84-40 83 23zm138 0h-60c5 18 27 22 39 8l19 10c-34 40-98 11-80-41 14-43 82-45 82 23zm155 0h-60c3 19 27 21 39 8l19 10c-5 5-9 11-15 14-38 21-78-17-65-56 14-44 83-41 82 24zm-89-23c-4 11-2 20-2 31l-13 1v-32zM569 532c-4 3-12 3-16 0zm139 0c-5 3-11 3-16 0zm155 0c-5 3-11 2-16 0zM624 438l16-1v122h-25c0-17-2-119 3-121zm163 35l13 1 1 20h-18c0 7-2 38 2 42s12 2 16 2v20c
…

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

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

import DeleteButtonSvg from "./delete-button.jsx"; // from the React tab above

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