Resize Cursor SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M318 229c15-15 56-43 47-66-3-7-8-11-15-13-9-2-21-2-30-2-37-2-74-2-110-4-13-1-27-4-39-2-6 1-11 4-15 9-12 14-5 140-5 167 0 8-2 17 0 26 4 16 21 23 35 15 12-7 36-35 47-45 38 38 75 78 115 114 8 7 51 47 53 53 1 3 1 6 1 9 4 44-12 66 48 66 13 0 45-3 56 1 7 2 23 22 30 28 18 19 38 38 57 57 27 28 55 56 83 84 10 9 24 19 31 31-11 11-39 34-46 46-3 5-4 13-2 19 4 21 31 17 47 17 23 0 140 5 152 1 5-2 10-6 13-11 7-13 4-140 3-164 0-8 1-18 0-26-1-6-6-11-11-14-6-4-15-4-22-1-11 4-40 39-50 49-39-38-78-76-117-114-10-10-54-48-57-58-8-27 19-77-33-80-17-1-64 4-76-1-7-2-14-14-19-19-19-19-38-38-57-57s-106-100-114-115zM172 164l175 7c-7 7-54 50-55 54-2 5-1 8 2 12 4 9 50 51 61 61 41 41 82 82 123 123-27 0-76-8-75 31-38-37-75-75-112-112-8-8-49-51-55-53-2 0-4 0-7 1-7 2-48 46-56 55zM432 443c11-3 110 0 131 0 33 0 32-1 32 33 0 12 5 54-8 58-10 3-111 0-130 0-34 0-33 1-33-32 0-11-3-45 1-53 1-3 3-5 7-6zm185 90c38 37 75 76 115 113 10 9 49 54 60 53 15-2 45-53 61-55v175l-174-2c5-15 51-45 54-57 1-6-1-8-4-12-12-17-48-48-64-64-43-43-86-85-128-128 17 0 52 5 66-5 7-4 10-12 14-18z" fill="#01144a" stroke="#01144a"/></g><g id="cobalt" data-name="Cobalt"><path d="M617 533c-4 6-7 14-14 18-14 10-49 5-66 5 42 43 85 85 128 128 16 16 52 47 64 64 3 4 5 6 4 12-3 12-49 42-54 57l174 2v-175c-16 2-46 53-61 55-11 1-50-44-60-53-40-37-77-76-115-113z" fill="#0169fc" stroke="#0169fc"/><path d="M172 164l1 179c8-9 49-53 56-55 3-1 5-1 7-1 6 2 47 45 55 53 37 37 74 75 112 112-1-39 48-31 75-31-41-41-82-82-123-123-11-10-57-52-61-61-3-4-4-7-2-12 1-4 48-47 55-54z" fill="#0169fc" stroke="#0169fc"/></g><g id="amber" data-name="Amber"><path d="M432 443c-4 1-6 3-7 6-4 8-1 42-1 53 0 33-1 32 33 32 19 0 120 3 130 0 13-4 8-46 8-58 0-34 1-33-32-33-21 0-120-3-131 0z" fill="#fdc202" stroke="#fdc202"/></g></svg>

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

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

import ResizeCursorSvg from "./resize-cursor.jsx"; // from the React tab above

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