Horizontal Resize Cursor SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/glMd5JtZAM-H/amnt.svg" alt="Horizontal 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="M552 441c0-34 12-101-40-100-51 1-39 66-39 100h-183c0-115 5-116-84-47-15 12-113 84-118 92-2 3-3 6-3 10s1 6 3 9c7 9 103 80 120 93 88 69 82 66 82-48 24 0 174-4 183 1 0 34-12 102 41 101 50-1 38-69 38-102 12 1 24-2 36-1 35 2 70 1 106 1 13 0 27-3 41 1 0 22-4 58 0 78 2 10 10 16 20 15 10-2 53-39 63-47 16-13 114-85 119-93 2-3 3-6 3-9 0-4-2-8-4-10-8-10-27-21-37-29-27-21-54-42-82-63-11-9-47-40-57-44-8-3-19-1-23 7-5 11-2 69-2 85zm-42-80c8-1 18 5 20 13 5 15 1 92 2 114 0 16 1 121-1 130-2 5-7 10-11 12-10 4-22 0-25-10-6-15-2-96-2-117 0-26-4-106 1-126 1-8 8-15 16-16zM269 371c0 16-3 70 0 82 1 4 4 7 8 8 11 4 36 1 49 1 49 0 98 0 147 0v67c-49 0-98 0-146 0-13 0-40-3-51 1-4 1-6 4-7 8-3 13 0 64 0 81l-161-123zm487 1l161 124-161 123c0-17 3-69 0-81-1-4-4-7-8-8-11-4-36-1-48-1-50 0-99 0-148 0v-67c49 0 98 0 147 0 12 0 37 3 49-1 4-1 7-4 8-8 3-12 0-64 0-81z" fill="#061c3a" stroke="#061c3a"/></g><g id="blue" data-name="Blue"><path d="M269 371l-161 125 161 123c0-17-3-68 0-81 1-4 3-7 7-8 11-4 38-1 51-1 48 0 97 0 146 0v-67c-49 0-98 0-147 0-13 0-38 3-49-1-4-1-7-4-8-8-3-12 0-66 0-82z" fill="#1f87fb" stroke="#1f87fb"/><path d="M756 372c0 17 3 69 0 81-1 4-4 7-8 8-12 4-37 1-49 1-49 0-98 0-147 0v67c49 0 98 0 148 0 12 0 37-3 48 1 4 1 7 4 8 8 3 12 0 64 0 81l161-123z" fill="#1f87fb" stroke="#1f87fb"/></g><g id="amber" data-name="Amber"><path d="M510 361c-8 1-15 8-16 16-5 20-1 100-1 126 0 21-4 102 2 117 3 10 15 14 25 10 4-2 9-7 11-12 2-9 1-114 1-130-1-22 3-99-2-114-2-8-12-14-20-13z" fill="#fdc403" stroke="#fdc403"/></g></svg>

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

.horizontal-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/glMd5JtZAM-H/amnt.svg") center / contain no-repeat;
}

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

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