Click Cursor SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/AShS2UexOkB7/amnt.svg" alt="Click 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="M427 698c6 21 26 56 37 77 4 9 28 65 32 67 3 2 7 3 10 1 6-3 26-73 30-84 9-28 19-56 28-85 18-57 37-114 56-170 7-21 49-140 48-150-1-9-7-13-15-13-10 0-133 66-152 76-50 25-100 50-150 76-18 9-145 70-150 76-5 4-5 10-1 14 5 6 59 20 69 24 28 8 58 16 85 27-33 34-67 68-101 102-11 10-58 53-63 63-2 3-3 7-2 11 2 7 24 26 31 32 7 7 18 24 28 26 3 0 7 0 10-1 6-3 59-59 69-68 33-34 67-67 101-101z" fill="#0175fc" stroke="#0175fc"/><path d="M830 190c-10 3-53 51-63 61-11 10-21 21-31 31-13 13-10 36 11 31 11-3 53-50 64-60 10-11 21-21 31-31 13-14 11-37-12-32z" fill="#0175fc" stroke="#0175fc"/><path d="M637 115c-5 1-10 6-12 11-2 8-2 124 1 132 2 8 11 12 19 10 6-1 10-6 12-12 2-10 1-125-2-132s-11-10-18-9z" fill="#0175fc" stroke="#0175fc"/><path d="M763 385c-12 4-17 21-6 29 10 7 30 3 42 3 18 0 76 3 90 0 12-4 16-21 6-28-9-8-30-4-41-4-19 0-77-3-91 0z" fill="#0175fc" stroke="#0175fc"/></g><g id="grape" data-name="Grape"><path d="M418 749c6 7 9 17 13 26 9 19 34 79 48 90 6 5 15 8 24 8 10 0 18-4 26-11 14-15 53-150 64-180 21-61 40-123 61-185 9-27 45-125 43-146-1-14-9-27-21-33-10-6-22-8-33-5-13 4-26 12-38 19-33 16-66 33-99 50-54 27-108 55-163 82-35 17-70 36-105 53-18 10-41 17-56 31-8 7-13 17-13 29 0 9 4 20 11 27 21 21 93 27 120 44-33 34-66 67-99 100-17 17-41 33-41 59s24 41 41 59c8 7 15 17 24 23 37 28 70-18 94-41 33-33 66-66 99-99zm9-51c-34 34-68 67-101 101-10 9-63 65-69 68-3 1-7 1-10 1-10-2-21-19-28-26-7-6-29-25-31-32-1-4 0-8 2-11 5-10 52-53 63-63 34-34 68-68 101-102-27-11-57-19-85-27-10-4-64-18-69-24-4-4-4-10 1-14 5-6 132-67 150-76 50-26 100-51 150-76 19-10 142-76 152-76 8 0 14 4 15 13 1 10-41 129-48 150-19 56-38 113-56 170-9 29-19 57-28 85-4 11-24 81-30 84-3 2-7 1-10-1-4-2-28-58-32-67-11-21-31-56-37-77z" fill="#021d5b" stroke="#021d5b"/><path d="M831 162c-26 2-77 63-97 83-10 10-25 21-30 34-14 31 11 64 44 61 8-1 16-3 23-9 23-18 52-51 74-73 10-11 25-22 30-36 12-30-12-62-44-60zm-1 28c23-5 25 18 12 32-10 10-21 20-31 31-11 10-53 57-64 60-21 5-24-18-11-31 10-10 20-21 31-31 10-10 53-58 63-61z" fill="#021d5b" stroke="#021d5b"/><path d="M632 88c-14 3-27 14-31 27-7 17-3 35-3 52 0 15 0 30 0 44 0 36-6 91 49 84 15-2 28-12 33-25 9-19 4-53 4-74 0-24 3-50 0-73-4-24-29-39-52-35zm5 27c7-1 15 2 18 9s4 122 2 132c-2 6-6 11-12 12-8 2-17-2-19-10-3-8-3-124-1-132 2-5 7-10 12-11z" fill="#021d5b" stroke="#021d5b"/><path d="M784 357c-11 1-23 0-33 4-28 10-36 48-15 70 6 6 14 11 23 13 24 5 81 2 109 1 11 0 25 0 36-5 26-12 33-49 12-69-6-7-14-11-23-13-14-2-31 0-45 0-22 0-43-1-64-1zm-21 28c14-3 72 0 91 0 11 0 32-4 41 4 10 7 6 24-6 28-14 3-72 0-90 0-12 0-32 4-42-3-11-8-6-25 6-29z" fill="#021d5b" stroke="#021d5b"/></g></svg>

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

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

import ClickCursorSvg from "./click-cursor.jsx"; // from the React tab above

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