Yin Yang custom cursor

Yin Yang - Custom Cursor und cute Cursor für den Browser.

Try this cursor

Move across the preview to feel both cursor styles.

Yin Yang cute cursor pack preview
Hover these
Auto · default + hover
4,253
Fügen Sie Ihrem Surfen mit dem Yin Yang Cursor aus der Starting Kit Cursor Collection ein bisschen Gleichgewicht hinzu. Dieses schlanke Design verfügt über das klassische Symbol der Dualität in Schwarz und Weiß und fügt Ihrem Online-Erlebnis einen Hauch von Zen hinzu. Ob Sie durch soziale Medien scrollen oder nach Informationen suchen, dieser Cursor wird Sie daran erinnern, Harmonie in allem zu finden. Plus, mit dem einfachen Installationsprozess von Starting Kit können Sie in Sekunden anfangen, diesen einzigartigen Cursor zu genießen. Geben Sie Ihrem Browser heute ein wenig Yin Yang-Energie.Dieses Cursor-Paket Yin Yang ist Teil der Kollektion Starting kit. Sie können auch andere Cursor-Pakete in dieser Kollektion ansehen, um noch mehr interessante Optionen zu finden.

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/images/cursors/5d64fa67ad926.png) 4 4, auto;
}
a, button, .clickable {
  cursor: url(https://cdn.cutecursors.com/images/pointers/5d64fa67ad94b.png) 4 4, pointer;
}
</style>
<a href="https://cutecursors.com//category/started-kit-cute-cursor-packs/yin-yang-cute-cursors" title="Get free Yin Yang cursors for your website.">
  Yin Yang Cursors
</a>
/* components/CuteCursor.jsx */
"use client";
import { useEffect } from "react";

const CURSOR = "https://cdn.cutecursors.com/images/cursors/5d64fa67ad926.png";
const POINTER = "https://cdn.cutecursors.com/images/pointers/5d64fa67ad94b.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 />
   Yin Yang cursors by https://cutecursors.com//category/started-kit-cute-cursor-packs/yin-yang-cute-cursors */
-- Yin Yang 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/images/cursors/5d64fa67ad926.png
--    Pointer: https://cdn.cutecursors.com/images/pointers/5d64fa67ad94b.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)

-- Yin Yang cursors: https://cutecursors.com//category/started-kit-cute-cursor-packs/yin-yang-cute-cursors

How to Install Yin Yang

How to Install cursor Yin Yang for Chrome

Yin Yang preview

Yin Yang

Yin Yang - Custom Cursor und cute Cursor für den Browser.

  1. 1
    Go to Chrome Web Store

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

Orange Hand Cursor-Paket

Orange Hand Cursor-Paket

Orange Hand Custom Cursor Pack mit süßem Cursor für Fans des Themas.

Ansehen
Grüner Pfeil Cursor-Paket

Grüner Pfeil Cursor-Paket

Grüner Pfeil: süßer Cursor und Custom Cursor Pack für Browser und Windows.

Ansehen
Zombie rote Hand Cursor-Paket

Zombie rote Hand Cursor-Paket

Zombie rote Hand: soft cute Cursor im fertigen Custom Cursor Pack.

Ansehen
Turquoise Gradient Cursor-Paket

Turquoise Gradient Cursor-Paket

Turquoise Gradient Cursor Pack mit cute Cursor Stil für Chrome, Edge und Windows.

Ansehen
Windows Cursor-Paket

Windows Cursor-Paket

Süßer Cursor Windows - kostenloses Custom Cursor Set für den Desktop.

Ansehen
gelb Cursor-Paket

gelb Cursor-Paket

gelb Custom Cursor Pack mit süßem Cursor für Fans des Themas.

Ansehen
Schwarzer Dreieck Cursor-Paket

Schwarzer Dreieck Cursor-Paket

Süßer Cursor Schwarzer Dreieck - kostenloses Custom Cursor Set für den Desktop.

Ansehen
Confetti Cursor-Paket

Confetti Cursor-Paket

Confetti - Custom Cursor und cute Cursor für den Browser.

Ansehen

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