Hi, when I add the svg code to the curser code it doesn't show? Am I missing something?
/* Custon curser */
body {
margin: 0;
height: 100vh;
cursor: url(<svg 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 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<circle cx="10" cy="10" r="10"/>
</svg>), auto;
}
a:hover{
cursor: url(<svg 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 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<circle cx="10" cy="10" r="10"/>
</svg>), auto;
}
body * {
cursor: url(<svg 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 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<circle cx="10" cy="10" r="10"/>
</svg>),auto
}