JSFiddle - React, Tailwind, and code Playground

by Pavlo

HTML

<div class="container"></div>

CSS

.container {
  width: 50vw;
  height: 50vh;
  background: gold;
  
  cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.00 512.00' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve' width='16px' height='16px' fill='black' stroke='black' stroke-width='10'%3E%3Cg id='IconsRepo_bgCarrier'%3E%3C/g%3E %3Cpath d='M17.955,449.196L4.712,462.438c-7.347,7.347-5.905,19.626,2.943,25.072l30.978,19.063 c6.344,3.904,14.537,2.942,19.803-2.324l7.285-7.285L17.955,449.196z'%3E%3C/path%3E %3Cpath d='M60.674,362.954l-15.536,29.034c-3.344,6.249-2.204,13.95,2.808,18.962l56.145,56.145 c5.012,5.012,12.713,6.152,18.962,2.808l29.035-15.536L60.674,362.954z'%3E%3C/path%3E %3Cpath d='M507.289,98.17L416.869,7.751c-6.056-6.056-15.795-6.305-22.151-0.566L80.723,290.631 c-6.834,6.168-7.104,16.803-0.595,23.313l120.97,120.97c6.509,6.509,17.144,6.237,23.313-0.595l283.445-313.997 C513.592,113.963,513.344,104.226,507.289,98.17z'%3E%3C/path%3E %3C/svg%3E"), pointer;
}