Emoji Cursor


Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Emoji Cursor //

body, html {
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>👽</text></svg>") 16 0,auto; /*emojicursor.app*/

Step Three

Change the emoji 👽 character to the emoji you’d like to use.

Need help adding an emoji? Check out Get Emoji – just copy and paste your favorite emoji.

Save and refresh the page. 👍

Moov Labs