JSFiddle - React, Tailwind, and code Playground

HTML

<figure id="mouse-pointer"></figure>

CSS

* {
	cursor: none;
}

figure#mouse-pointer {
	background-image: url('http://cdns2.freepik.com/image/th/318-70851.png');
    background-size:44px 44px;
	width: 44px;
	height: 44px;
	position: absolute;
	margin-left: -8px; 
	display: block;
}

JavaScript

$(function (){
// Based on example found here: http://creative-punch.net/2014/01/custom-cursors-css-jquery/
	$(window).mousemove(function(event) {
		$('#mouse-pointer').css({
			'top' : event.pageY + 'px',
			'left' : event.pageX + 'px'
		});
	});

});