Cocotas Lab
Gothic Survival UI
A vector UI and HUD kit for gothic horror and survival games: blackened iron and oxblood leather buttons in 4 states, strap-hinge 9-slice panels, cracked-glass and stain bars, health and sanity vials, hunger / thirst / warmth / sanity dials, an oil lantern, status effects, crafting pieces, icons, items and a full mobile kit. SVG plus PNG at 1x, 2x and 4x.
Basic
Free
56 of the 255 sprites, no watermark: 16 buttons in every state, 3 panels, 10 icons, 10 mobile buttons and more.
Download Basic ZIP, 1.7 MB. Free with your email, no password.Full pack
US$1.99
All 255 sprites, the SVG sources and the mockups.
ZIP, 10.3 MB. The preview is watermarked. Buy with the email you sign in with here and the clean files unlock right away.- Sprites
- 255 (10 animated)
- Style
- Vector UI (SVG + PNG)
- View
- Ui / hud
- Tile size
- 8 px
- Download
- ZIP, 10.3 MB (Basic 1.7 MB)
- Price
- US$1.99, Basic free
- Version
- 1.1 (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 (24)
- 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_bone_normal160×56
- button_bone_hover160×56
- button_bone_pressed160×56
- button_bone_disabled160×56
- button_glass_normal160×56
- button_glass_hover160×56
- button_glass_pressed160×56
- button_glass_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
Icons (56)
- heart32×32Basic
- heart_empty32×32Basic
- coin32×32Basic
- gem32×32Basic
- key32×32Basic
- star32×32Basic
- star_empty32×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
- restart32×32
- flag32×32
- clock32×32
- mail32×32
- craft32×32
- skull32×32
- battle32×32
- defense32×32
- bandage32×32
- hunger32×32
- thirst32×32
- warmth32×32
- cold32×32
- sanity32×32
- torch32×32
- moon32×32
- crow32×32
- grave32×32
- poison32×32
- tracks32×32
- rest32×32
- lantern32×32
- candle32×32
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_torch72×72
- button_torch_pressed72×72
- button_block72×72
- button_block_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
Status (12)
- status_bleeding32×32
- status_poisoned32×32
- status_frostbite32×32
- status_burning32×32
- status_cursed32×32
- status_starving32×32
- status_rested32×32
- status_warded32×32
- status_frame_bad48×48
- status_frame_good48×48
- status_frame_neutral48×48
- status_timer48×48, 12 fr
Weapons (6)
- rusty_hatchet40×40
- crossbow40×40
- silver_dagger40×40
- wooden_stake40×40
- scythe40×40
- cleaver40×40
Slots (8)
- slot_legendary64×64
- slot_epic64×64
- slot_rare64×64
- slot_uncommon64×64
- slot_empty64×64
- slot_hover64×64
- slot_selected64×64
- slot_locked64×64
Survival (15)
- banner_event320×64
- need_dial_frame64×64
- need_fill_hunger64×64
- need_fill_thirst64×64
- need_fill_warmth64×64
- need_fill_sanity64×64
- lantern_frame64×96
- lantern_fill_oil64×96
- lantern_flame64×96, 6 fr
- craft_bench_row288×80
- craft_plus32×32
- craft_arrow48×32
- craft_result_slot80×80
- banner_notice256×64
- moon_phase32×32, 8 fr
Consumables (6)
- tonic40×40
- herb_bundle40×40
- bread_loaf40×40
- waterskin40×40
- dried_meat40×40
- garlic40×40
Panels (14)
- panel_iron128×128Basic
- panel_leather128×128Basic
- panel_parchment128×128Basic
- panel_titled160×160
- panel_glass128×128
- panel_inset96×96
- panel_dialog192×112
- panel_tooltip96×48
- title_banner256×64
- divider160×16
- divider_chain160×16
- ornament_corner32×32
- ornament_crest32×32
- ornament_candles64×32
Counters (7)
- counter_coins160×48
- counter_gems160×48
- counter_lives160×48
- counter_score160×48
- counter_timer160×48
- counter_nights160×48
- counter_plate160×48
Materials (8)
- bones40×40
- cloth_scraps40×40
- rope40×40
- iron_scraps40×40
- planks40×40
- silver_ore40×40
- wolfsbane40×40
- raven_feather40×40
Fx (7)
- coin_spin40×40, 8 fr
- heart_pulse32×32, 6 fr
- candle_flicker32×32, 6 fr
- crack_spread48×48, 6 fr
- embers32×32, 8 fr
- loading_hourglass32×32, 8 fr
- blood_drip16×32, 6 fr
Textures (4)
- texture_iron64×64
- texture_leather64×64
- texture_parchment64×64
- texture_stone64×64
Tabs (2)
- tab_active128×48Basic
- tab_inactive128×48Basic
Controls (13)
- 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
Vials (5)
- vial_frame48×96
- vial_fill_health48×96
- vial_fill_sanity48×96
- vial_crack_148×96
- vial_crack_248×96
Bars (10)
- 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_stain_frame208×32
- bar_stain_fill_health208×32
- bar_stain_fill_sanity208×32
Arrows (12)
- 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
Drawn by code (procedural generation) and checked by our own tools.
Animations
status_timer12 frames, 12 fps 
lantern_flame6 frames, 8 fps 
moon_phase8 frames, 2 fps 
coin_spin8 frames, 12 fps 
heart_pulse6 frames, 10 fps 
candle_flicker6 frames, 8 fps 
crack_spread6 frames, 12 fps 
embers8 frames, 10 fps 
loading_hourglass8 frames, 6 fps 
blood_drip6 frames, 8 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