With a simple custom cursor, cursor: url('http://www.example.com/img/cursor.png'), auto; will work just fine.

Just like all cursors, url is only chosen from the list if it is the first supported entry. Unlike the others cursor types, it will still be skipped the linked image file could not be accessed or loaded.

All images supported by the <img> tag are supported, including SVGs.

Animation in the form of GIFs, SVGs, or @keyframes is not supported.

System cursor are normally within 16x16 pixels on the screen, or 32x32 for large ones with badges. Example 16px:

Example 32px:

• External CSS
• Inline HTML

• Cursor CC