Zoom In Cursor SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UtRCozviQPev/amnt.svg" alt="Zoom In Cursor" 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="M394 125c-56 4-111 27-154 62-148 122-132 347 42 438 41 21 89 33 136 29 30-3 60-8 88-21 90-38 162-131 167-231 8-156-123-287-279-277zm52 225c19 0 38 0 58 0 29 0 73-4 74 39 1 44-44 40-74 40-20 0-39 0-58 0 0 20 0 39 0 59 0 30 4 73-39 73s-39-46-39-75c0-19 0-38 0-57-19 0-38 0-57 0-30 0-75 4-76-39-1-44 45-40 76-40 19 0 38 0 57 0 0-19 0-38 0-57 0-31-4-74 39-75s39 43 39 74c0 19 0 39 0 58z" fill="#0083fc" stroke="#0083fc"/></g><g id="navy" data-name="Navy"><path d="M661 586c20-33 39-56 53-94 44-120 5-259-88-344-126-117-320-103-442 10-217 200-71 555 220 555 66 0 133-21 187-60 6 6 39 35 41 41 1 4-1 9-1 14 0 18 7 32 20 45 25 28 52 54 80 80 17 16 34 34 50 51 29 29 57 65 103 54 14-3 27-10 37-20 12-12 20-26 22-42 6-44-24-69-52-97-17-18-35-36-52-53-27-27-53-54-80-80-14-13-30-19-49-20-3 0-5 2-8 1-6-2-36-35-41-41zM394 125c156-10 287 121 279 277-5 100-77 193-167 231-28 13-58 18-88 21-47 4-95-8-136-29-174-91-190-316-42-438 43-35 98-58 154-62z" fill="#011b55" stroke="#011b55"/></g><g id="white" data-name="White"><path d="M446 350c0-19 0-39 0-58 0-31 4-75-39-74s-39 44-39 75c0 19 0 38 0 57-19 0-38 0-57 0-31 0-77-4-76 40 1 43 46 39 76 39 19 0 38 0 57 0 0 19 0 38 0 57 0 29-4 75 39 75s39-43 39-73c0-20 0-39 0-59 19 0 38 0 58 0 30 0 75 4 74-40-1-43-45-39-74-39-20 0-39 0-58 0z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import ZoomInCursorSvg from "./zoom-in-cursor.jsx"; // from the React tab above

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