UI Packs

Mint Cursors

12 flat mouse cursors for dark interfaces — blue-grey with mint green accents. SVG plus transparent PNG at 1x, 2x and 4x.

  • ui
  • svg
  • transparent png
  • cursor
  • pointer
  • crosshair
  • mouse
  • flat
  • flat
  • flat
  • dark ui
  • strategy
  • tools
Sheet showing 12 flat mouse cursors from the Mint family, arranged on a transparency checkerboard with their pixel sizes printed underneath
1600×739 previewtransparency shown as checkerboard

About this pack

Mint Cursors is a set of 12 mouse cursors drawn in the flat style, where there are no outlines and no shading at all. It contains an arrow and an arrow with a wait ring, a pointing hand and a move cursor, a crosshair and a target lock, attack, talk and loot cursors, busy, blocked and text cursors and a resize cursor.

A game that draws its own interface and then leaves the operating system cursor on top of it has a hole in the middle of the screen, and it is the part the player looks at constantly. Cursors are also the one sprite that has no control over its background: it passes over sky, stone, fire and inventory in the same second.

Depth comes only from a layered soft shadow — three stacked passes rather than a blur filter, because some SVG rasterisers scale a blur wrongly and the 4x PNG comes out as a smear. Everything else is one solid colour.

Inside that style this is the Mint reading of it: a dark interface on a blue-grey palette with mint green accents, built around a header band across the top of the frame, square-cornered buttons at 120x36, tick-marked bars divided into 12 segments, and two-tone icons on a 16px grid. Those measurements are why two families can share an art style without being interchangeable: the style decides how an edge is drawn, the numbers decide what the interface is for.

Every cursor carries an outline in the opposite end of the palette from its body, which is what keeps it readable over a background the kit knows nothing about — a dark cursor over a dark cave disappears, and no amount of styling fixes that. The hotspot is named in the file title of each sprite rather than left for you to guess: the arrow clicks at 0,0 and the crosshair at its centre, and a hotspot that is off by three pixels is a game where the player misses what they aimed at.

Every sprite ships as an editable SVG and as transparent PNG at 1x, 2x and 4x, so you can drop the PNGs straight into an engine or open the vector and change a colour. Built to the same measurements as the rest of the Mint family, which means this kit and the Mint panel kit line up without either being resized. A good fit for minimal and mobile interfaces.

Download

Direct link · no sign-up · no wait page
Download ZIP51 kB

Complete set — SVG sources, PNG exports at 1x/2x/4x, licence and readme

Files included in this pack
FileFormatSizeDownload
Complete set — SVG sources, PNG exports at 1x/2x/4x, licence and readmeZIP51 kB Get →
Arrow cursor, hotspot 0,0, editable SVGSVG409 B Get →

How to use it

  1. Set the hotspot from the sprite title when you register the cursor — arrow and hand click near their tip, crosshair and target at the centre of the sprite.
  2. Use the 32 px PNG for a hardware cursor and keep it to whole-number scaling; a hardware cursor is composited by the OS and a fractional scale is where the outline goes soft.
  3. Swap to the attack, talk and loot cursors from your interaction raycast rather than tinting one cursor, because the silhouette is what a player reads at a glance, not the colour.
  4. The blocked cursor is for a refused action, not for a disabled control — a disabled button already says that with its own sprite, and using both at once says it twice.

License

Creative Commons Zero 1.0 — Public domain. No credit required. Full terms · What this means in practice