Cursor en css: personalizar el puntero del mouse

/* Muestra el cursor predeterminado del navegador. */
.default {
  cursor: default;
}

/* Cambia el cursor a una mano para indicar que el elemento es interactivo, como un enlace o un botón. */
.pointer {
  cursor: pointer;
}

/* Cambia el cursor a una rueda giratoria para indicar que se está cargando algo. */
.progress {
  cursor: progress;
}

/*Cambia el cursor a una flecha con cuatro puntas para indicar que el elemento es movible.*/
.move {
  cursor: move;
}

/* Cambia el cursor a un menú contextual para indicar que se puede hacer clic con el botón derecho
 del ratón para acceder a un menú de opciones. */
.context-menu {
  cursor: context-menu;
}

/* Cambia el cursor a un signo de interrogación para indicar que se puede obtener ayuda sobre el elemento. */
.help {
  cursor: help;
}

/* Cambia el cursor a un reloj de arena para indicar que se está cargando algo y se debe esperar. */
.wait {
  cursor: wait;
}

/* Cambia el cursor a una cruz para indicar que se puede seleccionar un área determinada. */
.crosshair {
  cursor: crosshair;
}

/* Cambia el cursor a una flecha en diagonal para indicar que se puede cambiar el tamaño de la celda de una tabla. */
.cell {
  cursor: cell;
}

/* Cambia el cursor a un cursor de texto para indicar que se puede escribir texto en el elemento. */
.text {
  cursor: text;
}

/* Cambia el cursor a un cursor de texto vertical para indicar que se puede escribir 
texto verticalmente en el elemento. */
.vertical-text {
  cursor: vertical-text;
}

/* Cambia el cursor a una flecha doble en diagonal para indicar que el elemento es un alias o un enlace a otra página. */

.alias {
  cursor: alias;
}

/* Cambia el cursor a una flecha con un símbolo de copiar para indicar que el elemento se puede copiar. */
.copy {
  cursor: copy;
}

/*
 Cambia el cursor a un círculo con una línea diagonal 
 para indicar que el elemento no se puede soltar en ese lugar.
 */
.no-drop {
  cursor: no-drop;
}

/* Cambia el cursor a un círculo con una barra diagonal para indicar que no se permite la interacción con el elemento. */
.not-allowed {
  cursor: not-allowed;
}

/* Cambia el cursor a una lupa para indicar que se puede hacer zoom para acercar el elemento. */
.zoom-in {
  cursor: zoom-in;
}

/* Cambia el cursor a una lupa con un signo menos para indicar que se puede hacer zoom para alejar el elemento. */
.zoom-out {
  cursor: zoom-out;
}

/* Cambia el cursor a una mano con un agarre para indicar que se puede agarrar y arrastrar el elemento. */
.grab {
  cursor: grab;
}

/* Cambia el cursor a una mano cerrada para indicar que se está agarrando y arrastrando el elemento. */
.grabbing {
  cursor: grabbing;
}

.custom {
  cursor: url("/images/image.svg"), url("/images/image.cur"), auto;
}