Change cursor pointer to a custom icon

Issue

I would like to change the cursor property to imply that the user needs to double click.

Are there any additional icons besides the default one's that can be applied? I saw a list here:

W3Schools

But I need the cursor to look like a pointer with two fingers, or some other icon which is better representation for double click.

Solution

You can basically use any image you want.

Use cursor: url(your-image-path.png), auto;

div {
   cursor: url(http://65.media.tumblr.com/avatar_91989eab746d_96.png), auto;
}

<div>
Winter is coming
</div>

Original fiddle: JSFiddle

For IE support you will need to use .cur format

Answered By - Jaqen H'ghar