Download Chrome extension

Supreme custom cursor

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

Try this cursor

Move across the preview to feel both cursor styles.

Supreme cute cursor pack preview
Hover these
Auto · default + hover
110

Supreme Custom Cursor Pack

Suit up your mouse with Supreme, a sharp cute cursor for everyday browsing with brand energy. This free custom cursor works in Chrome and Edge, and on Windows 10/11 with Custom Cursor for the same tip outside the browser.

Compact shading keeps Supreme easy to track at small pointer sizes. This is fan-made custom cursor art and is not an official product from Amazon, Instagram, Supreme, or related companies.

Pair it with the Supreme Logo Cursor Pack, the Instagram Cursor Pack, and the Android Cursor Pack.

Pick up Supreme and let a little brand spirit ride your mouse.

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/supreme_cute_cursors_cute_cursor/arrow.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/db/supreme_cute_cursors_cute_cursor/hand.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/brands-and-logos/supreme-cute-cursors-cute-cursor" title="Get free Supreme cursors for your website.">
  Supreme Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/db/supreme_cute_cursors_cute_cursor/arrow.png";
const POINTER = "https://cdn.cutecursors.com/db/supreme_cute_cursors_cute_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 />
   Supreme cursors by https://cutecursors.com//category/brands-and-logos/supreme-cute-cursors-cute-cursor */
-- Supreme 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/supreme_cute_cursors_cute_cursor/arrow.png
--    Pointer: https://cdn.cutecursors.com/db/supreme_cute_cursors_cute_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)

-- Supreme cursors: https://cutecursors.com//category/brands-and-logos/supreme-cute-cursors-cute-cursor

How to Install Supreme

How to Install cursor Supreme for Chrome

Supreme preview

Supreme

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

  1. 1
    Go to Chrome Web Store

    Hit the 'Add to Browser' button to get the 'Supreme' 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 'Supreme' 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

حزمة المؤشرات المخصصة Cursor Bench

حزمة المؤشرات المخصصة المجانية Cursor Bench

Cursor Bench character cursor - free custom cursor with dark outline.

عرض
حزمة المؤشرات المخصصة Chrome Web Store

حزمة المؤشرات المخصصة المجانية Chrome Web Store

Chrome Web Store character cursor - free custom cursor with dark outline.

عرض
حزمة المؤشرات المخصصة Codex CLI

حزمة المؤشرات المخصصة المجانية Codex CLI

Codex CLI character cursor - free custom cursor with dark outline.

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

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

Antigravity character cursor - free custom cursor with dark outline.

عرض
حزمة المؤشرات المخصصة Visual Studio Code

حزمة المؤشرات المخصصة المجانية Visual Studio Code

Visual Studio Code character cursor - free custom cursor with dark outline.

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

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

Zed character cursor - free custom cursor with dark outline.

عرض
حزمة المؤشرات المخصصة Hermes Agent

حزمة المؤشرات المخصصة المجانية Hermes Agent

Hermes Agent character cursor - free custom cursor with dark outline.

عرض
حزمة المؤشرات المخصصة Cursor Plans

حزمة المؤشرات المخصصة المجانية Cursor Plans

Cursor Plans character cursor - free custom cursor with dark outline.

عرض

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