Tool

Cursor from a logo

Drop in your logo as a PNG, SVG or JPG. The page fits it into a cursor at every standard size, adds an outline, a ring or an arrow if you want one, lets you set the hotspot, and saves a PNG with its CSS, a web bundle or a Windows .cur. Your file is read in this browser tab and is not sent to our server.

Your logo

Choose your logo

Or drop it here, or paste it. PNG, SVG, JPG, WebP or GIF. A logo with a see-through background works best; SVG stays sharpest.

Trim empty space around the logo Make a plain background see-through (for a JPG, or a PNG on white)

Shape

Layout Logo on its own The whole cursor is your logo. Good for a decorative pointer over a hero or a gallery. Logo beside an arrow A small arrow points and your logo rides along as a badge. Clicks land where people expect.

Around the logo

None Outline Ring Disc behind

Colour

An outline or ring in a contrasting colour keeps the cursor visible on light and dark pages.

Space around the logo: 0%

Hotspot

Where the cursor clicks, at 32 × 32

Click the pixel that does the clicking, or type it. It is scaled for every other size. A pointing cursor clicks at its tip; a decorative one usually at its centre.

x y

Every size

32 px

48 px

64 px

Your cursor at 128 px on a light background — 128 px

Your cursor at 128 px on a dark background — 128 px

Each size is drawn from your logo itself, so the small ones stay as clean as they can be.

Try it

A link Some text to point at Light Dark

Move your mouse over this box Cursors only appear with a mouse or trackpad. Open this page on a computer to see this one.

Your logo cursor over a button, a link, text and a light and a dark tile.

Bring in your logo to try it here.

Save your cursor

File name

Bring in your logo first: there is nothing to save yet.

For the web

Size

CSS

cursor: url("logo-cursor-32.png") 16 16, auto;

The web bundle holds the PNG at this size and twice the size, plus cursor.css with a ready rule.

For Windows

Sizes in the file

32 48 64 128

Windows picks the stored size closest to your pointer size, so more sizes stay sharp when the pointer is made bigger.

Then follow installing a cursor on Windows 11.

Before you start

Logos that work as cursors

Simple shapes

A cursor is 32 pixels across on most screens. A logo mark or a single letter reads well at that size; a full wordmark turns into a smudge. Use your icon, not your banner.

Contrast on any page

Your cursor will cross light and dark parts of a page. An outline or ring in a contrasting colour keeps it in sight on both. Check the light and dark tiles above.

A hotspot people expect

People aim with the tip of an arrow or the middle of a round shape. The arrow layout clicks at its tip; a logo on its own usually clicks at its centre.

Making a cursor from your logo walks through the whole job, from picking the mark to the CSS. To touch up pixels by hand, bring the PNG into the cursor maker. To make it move, use the animated cursor maker.