Download Chrome extension

FNF Hex custom cursor

Try Hex cute cursor - free custom cursor with clean FNF energy.

Try this cursor

Move across the preview to feel both cursor styles.

FNF Hex cute cursor pack preview
Hover these
Auto · default + hover
35

Hex Custom Cursor Pack

Drop the beat on every click with Hex, a lively cute cursor for Friday Night Funkin' fans. Grab this free custom cursor for Chrome and Edge, and on Windows 10/11 with Custom Cursor when you want the same look across apps.

Bold outlines keep Hex readable at cursor size, so the click point never gets lost. It is fan-made cursor art only and is not tied to any official Friday Night Funkin' product line.

Pair it with the Huggy Wuggy Cursor Pack, the Mommy Mearest Cursor Pack, and the Skid Cursor Pack.

Download the Hex pack and let funky energy follow every click.

Customize your embed code and preview it in real time below.

Live preview

PNG, resized to 32px
<style type="text/css">
body {
  cursor: url(https://cdn.cutecursors.com/db/fnf_hex_cursor/arrow.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/db/fnf_hex_cursor/hand.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/FNF/fnf-hex-cursor" title="Get free FNF Hex cursors for your website.">
  FNF Hex Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/db/fnf_hex_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/fnf_hex_cursor/hand.png";

export default function CuteCursor() {
  useEffect(() => {
    const style = document.createElement("style");
    style.innerHTML = `
      body { cursor: url(${CURSOR}) 4 4, auto; }
      a, button, .clickable { cursor: url(${POINTER}) 4 4, pointer; }
    `;
    document.head.appendChild(style);
    return () => style.remove();
  }, []);

  return null;
}

/* Usage: render <CuteCursor /> once, e.g. in your root layout or App:
   <CuteCursor />
   FNF Hex cursors by https://cutecursors.com//category/FNF/fnf-hex-cursor */
-- FNF Hex custom cursor for Roblox
-- LocalScript (place it in StarterPlayer > StarterPlayerScripts)
--
-- 1) Download the cursor images (buttons above) or grab them here:
--    Cursor:  https://cdn.cutecursors.com/db/fnf_hex_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/fnf_hex_cursor/hand.png
-- 2) Upload them in Roblox Creator Hub as Decals (Create > Decals).
-- 3) Replace the IDs below with your uploaded Image asset IDs.

local UserInputService = game:GetService("UserInputService")
local Players = game:GetService("Players")

local CURSOR_ICON = "rbxassetid://CURSOR_ASSET_ID"
local POINTER_ICON = "rbxassetid://POINTER_ASSET_ID"

-- Set the default cursor
UserInputService.MouseIcon = CURSOR_ICON

-- Optional: switch to the pointer icon while hovering GUI buttons
local function hookButton(button)
	button.MouseEnter:Connect(function()
		UserInputService.MouseIcon = POINTER_ICON
	end)
	button.MouseLeave:Connect(function()
		UserInputService.MouseIcon = CURSOR_ICON
	end)
end

local playerGui = Players.LocalPlayer:WaitForChild("PlayerGui")
for _, gui in ipairs(playerGui:GetDescendants()) do
	if gui:IsA("GuiButton") then
		hookButton(gui)
	end
end
playerGui.DescendantAdded:Connect(function(gui)
	if gui:IsA("GuiButton") then
		hookButton(gui)
	end
end)

-- FNF Hex cursors: https://cutecursors.com//category/FNF/fnf-hex-cursor

How to Install FNF Hex

How to Install cursor FNF Hex for Chrome

FNF Hex preview

FNF Hex

Try Hex cute cursor - free custom cursor with clean FNF energy.

  1. 1
    Go to Chrome Web Store

    Hit the 'Add to Browser' button to get the 'FNF Hex' pack.

  2. 2
    Add the Extension

    On the Chrome Web Store, smash that ‘Add to Chrome’ button and confirm.

  3. 3
    Pin for Easy Access

    Pro-tip: Pin the 'Cute Cursors' extension to your toolbar for quick access.

  4. 4
    Activate Your Cursor

    Open the extension, find the 'FNF Hex' pack, and click to activate. Easy peasy!

Piece of cake, right? Go on and have fun!

You may also like

Explore other cursor packs from our collection

حزمة المؤشرات المخصصة FNF: Bendy

حزمة المؤشرات المخصصة المجانية FNF: Bendy

Free custom cursor: Bendy cute cursor with a neon FNF look.

عرض
حزمة المؤشرات المخصصة FNF: Green Impostor

حزمة المؤشرات المخصصة المجانية FNF: Green Impostor

Install the Green Impostor cute cursor - free custom cursor packed with vibe.

عرض
حزمة المؤشرات المخصصة FNF Updike

حزمة المؤشرات المخصصة المجانية FNF Updike

Try Updike cute cursor - free custom cursor with clean FNF energy.

عرض
حزمة المؤشرات المخصصة FNF Nikku Morioka

حزمة المؤشرات المخصصة المجانية FNF Nikku Morioka

Meet the Nikku Morioka cute cursor - free custom cursor ready for every click.

عرض
حزمة المؤشرات المخصصة FNF The Devourer of Gods

حزمة المؤشرات المخصصة المجانية FNF The Devourer of Gods

Drop the The Devourer of Gods cute cursor - a free custom cursor for your desktop.

عرض
حزمة المؤشرات المخصصة FNF Maginage Matches

حزمة المؤشرات المخصصة المجانية FNF Maginage Matches

Free custom cursor: Maginage Matches cute cursor with a pixel FNF look.

عرض
حزمة المؤشرات المخصصة FNF Selever

حزمة المؤشرات المخصصة المجانية FNF Selever

Selever cute cursor download - free custom cursor for everyday clicks.

عرض
حزمة المؤشرات المخصصة FNF Ron: The Resurrection

حزمة المؤشرات المخصصة المجانية FNF Ron: The Resurrection

Ron: The Resurrection: cute cursor pack and free custom cursor for FNF fans.

عرض

Didn't Find Your Vibe?

Our universe of cursors is huge. Dive into hundreds of unique collections and find the one that truly represents you.

Explore All Collections