Zoom Out Cursor SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M430 105c-44 1-88 13-127 32-202 101-224 384-30 506 46 28 103 46 157 44 155-6 288-135 292-291 5-163-133-292-292-291zm-77 45c34-5 41 36 10 48-24 9-45 19-65 35-26 20-47 49-60 79-4 8-5 18-10 25-3 5-8 9-14 10-7 2-15 1-21-4-27-22 23-94 40-114 24-29 82-73 120-79zM276 348c26-2 54 0 81 0 57 0 114 0 171 0 33 0 80-9 99 26 17 32-5 71-40 75-27 2-55 0-82 0-57 0-113 0-169 0-33 0-82 9-100-26-17-32 4-71 40-75z" fill="#86cffc" stroke="#86cffc"/><path d="M783 687c-10-10-22-20-37-19-22 1-74 51-75 72 0 13 8 27 18 35 25-34 58-65 94-88z" fill="#86cffc" stroke="#86cffc"/></g><g id="navy" data-name="Navy"><path d="M697 612c19-31 37-51 52-86 58-130 27-286-77-382-134-125-336-122-473-4-135 118-157 326-45 468 49 64 121 110 201 126 72 15 148 7 215-24 16-7 31-20 48-26 5 5 38 39 40 44 1 3-2 8-2 12 0 12 5 25 12 35 14 21 50 54 69 75 14 15 29 29 42 44 25 26 49 51 88 46 17-2 33-9 46-21 26-26 33-65 15-98-12-21-55-61-73-80-23-23-47-55-71-74-12-9-24-13-37-14-4 0-7 2-10 0-2 0-3-3-5-4-13-12-23-25-35-37zM430 105c159-1 297 128 292 291-4 156-137 285-292 291-54 2-111-16-157-44-194-122-172-405 30-506 39-19 83-31 127-32zM783 687c-36 23-69 54-94 88-10-8-18-22-18-35 1-21 53-71 75-72 15-1 27 9 37 19z" fill="#021f51" stroke="#021f51"/><path d="M276 348c-36 4-57 43-40 75 18 35 67 26 100 26 56 0 112 0 169 0 27 0 55 2 82 0 35-4 57-43 40-75-19-35-66-26-99-26-57 0-114 0-171 0-27 0-55-2-81 0zm1 21c20-3 43 0 64 0 48 0 97 0 146 0 23 0 84-4 103 1 31 8 26 53-4 57-21 4-44 1-64 1-49 0-97 0-145 0-24 0-85 4-104-1-31-8-27-53 4-58z" fill="#021f51" stroke="#021f51"/></g><g id="white" data-name="White"><path d="M277 369c-31 5-35 50-4 58 19 5 80 1 104 1 48 0 96 0 145 0 20 0 43 3 64-1 30-4 35-49 4-57-19-5-80-1-103-1-49 0-98 0-146 0-21 0-44-3-64 0z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M353 150c-38 6-96 50-120 79-17 20-67 92-40 114 6 5 14 6 21 4 6-1 11-5 14-10 5-7 6-17 10-25 13-30 34-59 60-79 20-16 41-26 65-35 31-12 24-53-10-48z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import ZoomOutCursorSvg from "./zoom-out-cursor.jsx"; // from the React tab above

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