Cell Cursor SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M599 166c-1-118-174-118-173 1-7-3-14-7-22-8-34-4-73 0-107 0-28 0-62-4-89 0-12 2-23 9-31 18-24 26-16 88-16 123 0 29-7 105 12 126-15 1-29 2-43 8-71 30-68 137 8 159 11 3 23 3 35 3-20 23-12 97-12 129 0 17 1 34 1 52 0 24-6 51 12 71 22 25 90 16 123 16 28 0 86 4 111-1 7-2 12-5 18-8 0 98 131 125 166 37 5-12 5-24 7-36 31 15 94 8 130 8 32 0 99 9 122-16 20-23 12-94 12-125 0-26 4-91-2-111-2-6-6-11-10-16 132 0 118-176 1-170 5-8 10-16 11-26 4-32 0-69 0-101s8-102-13-125c-7-7-16-13-27-15-27-4-66 0-94 0-33 0-103-6-130 7zM206 182c17-3 92 0 116 0 15 0 83-4 91 5 5 5 5 10 5 16 3 38 0 78 0 117 0 14 4 82-2 91-3 6-12 5-18 5-39 1-78 0-116 0-18 0-76 4-88-3-7-4-8-10-9-17-3-39 0-79 0-117 0-21-4-59 1-77 2-9 11-18 20-20zm414 0c15-3 95 0 117 0 20 0 67-4 85 1 7 1 14 7 16 14 6 18 2 92 2 116 0 18 4 79-2 92-3 5-7 9-12 10-18 5-93 1-116 1-17 0-85 3-97-1-6-2-6-7-7-12-4-30 0-85 0-117 0-18-3-81 1-93 2-5 8-9 13-11zM201 605c18-4 92 0 117 0 14 0 86-3 94 1 7 3 6 10 6 16 2 38 0 78 0 117 0 18 4 75-1 89-1 7-8 11-15 12-10 2-22 0-32 0-28 0-57 0-84 0-21 0-67 4-84 0-8-2-15-9-16-17-5-19-1-92-1-116 0-18-4-78 2-91 2-5 8-10 14-11zm414 0c12-3 97 0 117 0 23 0 71-4 91 0 7 2 12 5 14 11 7 14 3 93 3 115 0 21 4 74-1 92-2 6-5 11-11 14-12 7-94 3-113 3-20 0-80 3-95 0-5-2-10-6-12-10-6-13-2-96-2-115 0-17-3-92 0-102 2-4 5-7 9-8z" fill="#0c2a6d" stroke="#0c2a6d"/></g><g id="aqua" data-name="Aqua"><path d="M615 605c-4 1-7 4-9 8-3 10 0 85 0 102 0 19-4 102 2 115 2 4 7 8 12 10 15 3 75 0 95 0 19 0 101 4 113-3 6-3 9-8 11-14 5-18 1-71 1-92 0-22 4-101-3-115-2-6-7-9-14-11-20-4-68 0-91 0-20 0-105-3-117 0z" fill="#b5f5fa" stroke="#b5f5fa"/><path d="M201 605c-6 1-12 6-14 11-6 13-2 73-2 91 0 24-4 97 1 116 1 8 8 15 16 17 17 4 63 0 84 0 27 0 56 0 84 0 10 0 22 2 32 0 7-1 14-5 15-12 5-14 1-71 1-89 0-39 2-79 0-117 0-6 1-13-6-16-8-4-80-1-94-1-25 0-99-4-117 0z" fill="#b5f5fa" stroke="#b5f5fa"/><path d="M620 182c-5 2-11 6-13 11-4 12-1 75-1 93 0 32-4 87 0 117 1 5 1 10 7 12 12 4 80 1 97 1 23 0 98 4 116-1 5-1 9-5 12-10 6-13 2-74 2-92 0-24 4-98-2-116-2-7-9-13-16-14-18-5-65-1-85-1-22 0-102-3-117 0z" fill="#b5f5fa" stroke="#b5f5fa"/><path d="M206 182c-9 2-18 11-20 20-5 18-1 56-1 77 0 38-3 78 0 117 1 7 2 13 9 17 12 7 70 3 88 3 38 0 77 1 116 0 6 0 15 1 18-5 6-9 2-77 2-91 0-39 3-79 0-117 0-6 0-11-5-16-8-9-76-5-91-5-24 0-99-3-116 0z" fill="#b5f5fa" stroke="#b5f5fa"/></g></svg>

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

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

import CellCursorSvg from "./cell-cursor.jsx"; // from the React tab above

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