UI Packs

Hyperlane Menu Icons — 32px two-tone set

Six two-tone arcade speed menu icons on a 32×32 grid: play, pause, settings, sound, confirm and close. Sheet plus individual files.

  • ui
  • svg
  • transparent png
  • icons
  • 32px
  • menu
  • duotone
  • arcade
  • racing
  • gradient
  • hud
Six two-tone game menu icons on arcade speed tiles, shown large, laid out on a sheet grid, and again at actual 32 pixel size
1600×677 previewtransparency shown as checkerboard

About this pack

Two-tone icons on a 32px grid. On a saturated slab a single-tone icon disappears into the gradient, so the second tone is what keeps it legible.

All six icons sit on a strict 32×32 grid with a uniform 2.5 px stroke weight, and they share the same optical weight, so a row of them looks like one set rather than six drawings that happen to be the same size. The set covers play, pause, settings, sound, confirm and close.

Each icon carries exactly two values: a body colour and one accent detail picked out inside it. That is the whole palette — no shadows, no gradients, no bevels — so recolouring the set is two find-and-replaces, and the accent stays available for whatever your interface uses it for elsewhere.

The set ships three ways. Individual SVGs are the ones to use if your engine rasterises vectors or you plan to edit them. The 192×32 sheet lays all six out on the same grid for engines that prefer one texture and a rectangle offset — cell N starts at x = N × 32. The PNG exports cover 1x, 2x and 4x with clean transparent edges.

Download

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

Complete set — individual SVGs, sheet, PNG exports at 1x/2x/4x

Files included in this pack
FileFormatSizeDownload
Complete set — individual SVGs, sheet, PNG exports at 1x/2x/4xZIP30 kBGet →
Icon sheet, editable SVGSVG1.7 kBGet →

How to use it

  1. From the sheet, icon N occupies the rectangle x = N × 32, y = 0, width 32, height 32 — in that order: play, pause, settings, sound, confirm, close.
  2. Keep the icons on whole pixels at 1x, 2x or 4x; rendering a 2.5 px stroke at a fractional scale is what turns a crisp icon into a grey smudge.
  3. To recolour, change the two values in the SVG: the body colour and the accent detail. A flat tint on the PNG will collapse both into one colour, so recolour at the SVG level if you need to keep the two-tone reading.
  4. For touch targets, keep the 32 px icon and grow the button behind it rather than scaling the icon; the stroke weight is tuned to this size.

License

Creative Commons Attribution 4.0 — Free for commercial use. Credit required. Full terms · What this means in practice

Copy-paste credit line
"Hyperlane Menu Icons — 32px two-tone set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-menu-icons-32