UI Packs

Byte Menu Icons — 24px outlined set

57 single-colour outlined bright pixel menu icons on a 24×24 grid, including play, pause, settings and 54 more. Sheet plus individual files.

  • ui
  • svg
  • transparent png
  • icons
  • 24px
  • menu
  • stroke
  • pixel art
  • light ui
  • puzzle
  • management
57 outlined game menu icons on bright pixel tiles, shown large, laid out on a sheet grid, and again at actual 24 pixel size
1600×1269 previewtransparency shown as checkerboard

About this pack

A 24px grid rather than the 16px the sibling family uses. At 16px a stroke icon on a light ground loses its outline to the background; 24 gives the stem enough weight to hold its shape without turning into a solid blob.

All 57 icons sit on a strict 24×24 grid with a uniform 2 px stroke weight, and they share the same optical weight, so a row of them looks like one set rather than 57 drawings that happen to be the same size. The set covers play, pause, settings, inventory, map, sound, close, confirm, health, currency, defence, loot, home, back, forward, up, down, menu, search, filter, refresh, fullscreen, add, remove, locked, unlocked, view, delete, info, warning, star, trophy, time, save, download, upload, weapon, potion, gem, key, chest, quest, danger, fire, energy, mana, armour, speed, skills, target, music, profile, party, chat, mail, shop and reward.

Everything is single-colour. There is one value in each file, which means recolouring the whole set is a find-and-replace, or a tint on the material if you are using the PNGs. Nothing is baked in — no shadows, no gradients, no bevels — because an icon that carries its own lighting stops matching your interface the moment your interface changes.

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

Download

Direct link · no sign-up · no wait page
Download ZIP254 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/4xZIP254 kB Get →
Icon sheet, editable SVGSVG12 kB Get →

How to use it

  1. From the sheet, icon N occupies the rectangle x = N × 24, y = 0, width 24, height 24 — in that order: play, pause, settings, inventory, map, sound, close, confirm, health, currency, defence, loot, home, back, forward, up, down, menu, search, filter, refresh, fullscreen, add, remove, locked, unlocked, view, delete, info, warning, star, trophy, time, save, download, upload, weapon, potion, gem, key, chest, quest, danger, fire, energy, mana, armour, speed, skills, target, music, profile, party, chat, mail, shop, reward.
  2. Keep the icons on whole pixels at 1x, 2x or 4x; rendering a 2 px stroke at a fractional scale is what turns a crisp icon into a grey smudge.
  3. To recolour, change the single fill or stroke value in the SVG, or apply a colour tint to the PNG in your UI material — every shape in a file uses one value.
  4. For touch targets, keep the 24 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
"Byte Menu Icons — 24px outlined set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24