PRODUCTION READY

not production ready

Favicon Cursors

Email this page

About

Set the mouse cursor to the favicons of the link website destination. This searches for the /favicon.icon path, then tries Google's favicon API, then falls back to a 'pointer' cursor.

Implement

Step 1. Embed The Script Tag

The implement this code resource, simply and paste this code onto your website:

Step 2. Set Attributes

Set Script Tag Attributes

No items found.

Set Element Attributes

No items found.

Demo


Code

If you're comfortable with JavaScript, you can add (and potentially alter) the following code directly on your website.

More Code Resources

See All Code Resources

Copy to Clipboard

A very easy to use script tag that allows copy functionality. Additional options include custom copy text and custom cursors.

Favicon Cursors

Set the mouse cursor to the favicons of the link website destination. This searches for the /favicon.icon path, then tries Google's favicon API, then falls back to a 'pointer' cursor.

Indicative Link Cursors

A mouse cursor that better represents the link on hover. Implement custom cursors based on each specific link. This includes social media icon cursors, cursors to indicate link location (#section, internal, external, email etc) background color detection, and cursor size control.