Cocotas Lab
Monochrome Halftone UI
A vector noir and manga UI and HUD kit in strict black and white: irregular ink borders, hard comic shadows, halftone-filled bars, speech balloons, SFX bursts, screentones, story panels and a full mobile kit. SVG + PNG 1x/2x/4x.
Basic
Free
56 of the 280 sprites, no watermark: 16 buttons in every state, 3 panels, 10 icons, 10 mobile buttons and more.
Download Basic ZIP, 919 KB. Free with your email, no password.Full pack
US$1.99
All 280 sprites, the SVG sources and the mockups.
ZIP, 8.2 MB. The preview is watermarked. Buy with the email you sign in with here and the clean files unlock right away.- Sprites
- 280 (9 animated)
- Style
- Vector UI (SVG + PNG)
- View
- Ui / hud
- Tile size
- 8 px
- Download
- ZIP, 8.2 MB (Basic 919 KB)
- Price
- US$1.99, Basic free
- Version
- 1.0 (Oct 30, 2026)
- License
- Cocotas Lab Asset License
What's inside
Every sprite as its own PNG, one sprite sheet per category with a JSON map, animation strips, a preview and a README. Sprites marked Basic are also in the free Basic.
Buttons (28)
- button_primary_normal160×56Basic
- button_primary_hover160×56Basic
- button_primary_pressed160×56Basic
- button_primary_disabled160×56Basic
- button_secondary_normal160×56Basic
- button_secondary_hover160×56Basic
- button_secondary_pressed160×56Basic
- button_secondary_disabled160×56Basic
- button_tone_normal160×56
- button_tone_hover160×56
- button_tone_pressed160×56
- button_tone_disabled160×56
- button_shout_normal160×56
- button_shout_hover160×56
- button_shout_pressed160×56
- button_shout_disabled160×56
- button_danger_normal160×56
- button_danger_hover160×56
- button_danger_pressed160×56
- button_danger_disabled160×56
- button_icon_normal56×56Basic
- button_icon_hover56×56Basic
- button_icon_pressed56×56Basic
- button_icon_disabled56×56Basic
- button_round_normal64×64Basic
- button_round_hover64×64Basic
- button_round_pressed64×64Basic
- button_round_disabled64×64Basic
Balloons (10)
- balloon_speech_right192×112
- balloon_oval160×112
- balloon_thought192×128
- balloon_shout192×112
- balloon_whisper192×112
- balloon_electric192×112
- balloon_caption160×64
- balloon_caption_ink160×64
- tail_speech32×40
- tail_thought32×40
Sfx (14)
- sfx_burst96×80
- sfx_burst_ink96×80
- sfx_explosion96×96
- sfx_crash_star64×64
- mark_anger32×32
- mark_sweat32×32
- mark_surprise32×32
- mark_exclaim_question32×32
- mark_dizzy32×32
- mark_sparkle32×32
- mark_heart32×32
- mark_idea32×32
- mark_steam32×32
- mark_swish32×32
Items (16)
- magnifier40×40
- badge40×40
- case_file40×40
- photo40×40
- letter40×40
- pocket_watch40×40
- coffee40×40
- film_reel40×40
- lantern40×40
- notebook40×40
- rose40×40
- onigiri40×40
- ramen40×40
- katana40×40
- umbrella40×40
- ink_bottle40×40
Counters (7)
- counter_coins160×48
- counter_gems160×48
- counter_lives160×48
- counter_score160×48
- counter_timer160×48
- counter_clues160×48
- counter_plate160×48
Gauges (12)
- ring_frame96×96
- ring_fill_ink96×96
- ring_fill_tone96×96
- ring_fill_hatch96×96
- ring_frame_small48×48
- ring_fill_small48×48
- pip_full16×24
- pip_half16×24
- pip_empty16×24
- ability_slot64×64
- ability_slot_ready64×64
- cooldown_sweep64×64, 12 fr
Slots (8)
- slot_uncommon64×64
- slot_rare64×64
- slot_epic64×64
- slot_legendary64×64
- slot_empty64×64
- slot_hover64×64
- slot_selected64×64
- slot_locked64×64
Story (8)
- portrait_frame96×112
- portrait_frame_ink96×112
- nameplate128×40
- panel_story_wide256×128
- panel_story_slant192×160
- panel_flashback192×128
- choice_frame240×48
- choice_frame_selected240×48
Tabs (2)
- tab_active128×48Basic
- tab_inactive128×48Basic
Fx (8)
- coin_spin40×40, 8 fr
- impact_burst64×64, 6 fr
- speed_lines64×64, 6 fr
- ink_splat64×64, 6 fr
- heart_pulse40×40, 6 fr
- sparkle32×32, 6 fr
- ripple64×64, 8 fr
- exclaim_pop40×40, 6 fr
Mobile (46)
- joystick_base128×128
- joystick_knob64×64
- joystick_knob_pressed64×64
- dpad_4128×128
- dpad_4_up128×128
- dpad_4_right128×128
- dpad_4_down128×128
- dpad_4_left128×128
- dpad_8128×128
- dpad_8_up128×128
- dpad_8_up_right128×128
- dpad_8_right128×128
- dpad_8_down_right128×128
- dpad_8_down128×128
- dpad_8_down_left128×128
- dpad_8_left128×128
- dpad_8_up_left128×128
- button_a72×72Basic
- button_a_pressed72×72Basic
- button_b72×72Basic
- button_b_pressed72×72Basic
- button_x72×72Basic
- button_x_pressed72×72Basic
- button_y72×72Basic
- button_y_pressed72×72Basic
- button_jump72×72
- button_jump_pressed72×72
- button_attack72×72
- button_attack_pressed72×72
- button_interact72×72
- button_interact_pressed72×72
- button_dash72×72
- button_dash_pressed72×72
- button_special72×72
- button_special_pressed72×72
- button_swap72×72
- button_swap_pressed72×72
- button_pause64×64Basic
- button_pause_pressed64×64Basic
- swipe_up64×64
- swipe_right64×64
- swipe_down64×64
- swipe_left64×64
- tabbar_bg96×80
- tabbar_item_active80×64
- tabbar_badge24×24
Controls (17)
- toggle_off80×40Basic
- toggle_on80×40Basic
- checkbox_off40×40Basic
- checkbox_on40×40Basic
- radio_off40×40
- radio_on40×40
- slider_track160×24Basic
- slider_fill160×24Basic
- slider_knob40×40Basic
- dropdown200×48
- dropdown_item_selected200×40
- scrollbar_track24×160
- scrollbar_thumb24×64
- segmented_track240×48
- segmented_thumb80×48
- text_field240×48
- text_field_focus240×48
Bars (9)
- bar_frame208×32Basic
- bar_fill_health208×32Basic
- bar_fill_mana208×32
- bar_fill_stamina208×32
- bar_fill_xp208×32
- bar_level_frame240×40
- bar_level_fill240×40
- bar_charge_frame208×24
- bar_charge_fill208×24
Panels (13)
- panel_paper128×128Basic
- panel_ink128×128Basic
- panel_tone128×128Basic
- panel_titled160×160
- panel_inset96×96
- panel_dialog192×112
- panel_tooltip96×64
- title_banner256×64
- divider160×16
- divider_zigzag160×16
- ornament_corner32×32
- ornament_burst32×32
- ornament_splat64×64
Icons (59)
- heart32×32Basic
- heart_ink32×32Basic
- coin32×32Basic
- gem32×32Basic
- key32×32Basic
- star32×32Basic
- star_ink32×32Basic
- settings32×32Basic
- pause32×32Basic
- play32×32Basic
- home32×32
- back32×32
- close32×32
- check32×32
- cross32×32
- plus32×32
- minus32×32
- info32×32
- lock32×32
- unlock32×32
- shop32×32
- map32×32
- quest32×32
- trophy32×32
- sound_on32×32
- sound_off32×32
- music_on32×32
- music_off32×32
- share32×32
- trash32×32
- cart32×32
- gift32×32
- bag32×32
- user32×32
- friends32×32
- chat32×32
- mail32×32
- bell32×32
- search32×32
- eye32×32
- bolt32×32
- skull32×32
- flag32×32
- clock32×32
- camera32×32
- edit32×32
- menu32×32
- refresh32×32
- exclaim32×32
- question32×32
- crown32×32
- medal32×32
- fist32×32
- mask32×32
- fedora32×32
- footprints32×32
- fingerprint32×32
- moon32×32
- phone32×32
Arrows (13)
- arrow_up32×32Basic
- arrow_right32×32Basic
- arrow_down32×32Basic
- arrow_left32×32Basic
- chevron_up32×32
- chevron_right32×32
- chevron_down32×32
- chevron_left32×32
- cursor_arrow32×32Basic
- cursor_hand32×32Basic
- cursor_hand_click32×32
- cursor_target32×32
- cursor_text32×32
Textures (7)
- tone_dots_1064×64
- tone_dots_3064×64
- tone_dots_6064×64
- tone_dots_big64×64
- tone_hatch64×64
- tone_crosshatch64×64
- tone_stipple64×64
Backdrops (3)
- bg_focus_lines384×216
- bg_speed_lines384×216
- bg_tone_fade384×216
Drawn by code (procedural generation) and checked by our own tools.
Animations
cooldown_sweep12 frames, 1 fps 
coin_spin8 frames, 12 fps 
impact_burst6 frames, 16 fps 
speed_lines6 frames, 12 fps 
ink_splat6 frames, 14 fps 
heart_pulse6 frames, 10 fps 
sparkle6 frames, 10 fps 
ripple8 frames, 20 fps 
exclaim_pop6 frames, 14 fps
License in short
You can
- Use it in personal and commercial games and apps
- Edit, recolor and combine the sprites
- Skip the credit (it's appreciated, not required)
You can't
- Resell or share the assets themselves, alone or in another pack
- Use them to train AI models