Block SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M749 822c-9-12-22-21-32-33-19-20-39-39-58-59-65-65-130-129-194-194-66-65-131-130-196-195-21-21-43-42-63-63-9-9-17-19-27-27-22 27-39 61-52 93-60 152-24 319 91 435 117 116 302 154 454 87 27-12 54-26 77-44z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M280 154l568 568c19-23 33-53 44-80 60-150 21-324-92-438-63-64-149-108-238-118-83-9-162 7-237 42-14 7-34 15-45 26z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="black" data-name="Black"><path d="M497 19c-67 3-134 17-194 47-160 80-275 257-267 437 3 67 17 132 46 193 78 165 260 270 441 265 256-7 470-224 459-483-11-257-224-470-485-459zM179 251c13-25 75-85 101-97 11-11 31-19 45-26 75-35 154-51 237-42 89 10 175 54 238 118 113 114 152 288 92 438-11 27-25 57-44 80-18 33-67 80-99 100-23 18-50 32-77 44-152 67-337 29-454-87-115-116-151-283-91-435 13-32 30-66 52-93z" fill="#0e0e0d" stroke="#0e0e0d"/></g><g id="red" data-name="Red"><path d="M848 722l-568-568c-26 12-88 72-101 97 10 8 18 18 27 27 20 21 42 42 63 63 65 65 130 130 196 195 64 65 129 129 194 194 19 20 39 39 58 59 10 12 23 21 32 33 32-20 81-67 99-100z" fill="#fd0202" stroke="#fd0202"/></g></svg>

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

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

import BlockSvg from "./block.jsx"; // from the React tab above

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