<div class="cursor"></div>

body {

  background-color: white;

  cursor: none;

  height: 120vh;

}

​

.cursor {

  position: fixed;

  width: 20px;

  height: 20px;

  background-color: pink;

  border: 1px solid black;

  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

  pointer-events: none;

  z-index: 9999;

}

const cursor = document.querySelector('.cursor');

​

const positionCursor = (e) => {

  const mouseY = e.clientY;

  const mouseX = e.clientX;

​

  cursor.style.top = `${mouseY}px`;

  cursor.style.left = `${mouseX}px`;

}

​

window.addEventListener('mousemove', positionCursor);