# Game Icon Sets That Still Read at 32 Pixels > List your ability, currency or inventory icons and Layer draws them as one set, sharing outline and light, with silhouettes that hold at hotbar size. --- ## Messages to send, and what they made ### “Make eight elemental ability icons for my ARPG: fire, ice, lightning, poison, holy, shadow, earth and wind, as one consistent set.” - ![A fire ability icon, a curling flame](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/3f96c72c-fc76-4dfa-9787-7a7d48d48fdb/image-generation-2026-09-25-202928.png) - ![An ice ability icon, three crystal shards](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/677abe9f-14bc-48f3-953d-136b84194a0d/image-generation-2026-09-25-202928.png) - ![A lightning ability icon, a bold zigzag bolt](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/cb8a679b-8447-4f90-8c77-42cb24cb654b/image-generation-2026-09-25-202928.png) - ![A poison ability icon, a venom droplet inside a thorned crescent](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/0184c831-4b21-4c59-93b5-5836882bd308/image-generation-2026-09-25-202928.png) - ![A holy ability icon, a four-point sunburst](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/0900c03c-8b0b-4288-837f-5290f006061f/image-generation-2026-09-25-202928.png) - ![A shadow ability icon, a crescent void claw](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/ac42ca45-676d-4df4-af3a-4f280b52e2b5/image-generation-2026-09-25-202928.png) - ![An earth ability icon, a split stone fist](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/9a58140d-1b32-488a-aa59-ddce219ada21/image-generation-2026-09-25-202928.png) - ![A wind ability icon, a spiraling gust](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/35144756-8e3b-40bf-8e65-ccbfd6ceee29/image-generation-2026-09-25-202928.png) Each element is a single shape (a curling flame, three shards, a zigzag bolt), and across all eight only the element and its color change. Every icon comes on a transparent background. ### “Create a currency set for my mobile game: coins, gems, energy and tickets, readable at 32 pixels.” - ![A stack of gold coins](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/6c0bd7e9-c946-4b5c-912e-d84bdff18332/ui_element_coins_currency_icon_for_a_2d_mobile_game_designed_to_read_at-2026-09-25-203633.png) - ![A cyan faceted gem](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/d54358f2-47d4-452a-92f6-555d70bbd279/ui_element_gems_currency_icon_for_a_2d_mobile_game_designed_to_read_at-2026-09-25-203632.png) - ![A magenta energy cell with a lightning mark](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/ed2b7521-fd20-4dda-a786-7a14a962ecf2/change_only_the_inner_magenta_core_of_this_energy_icon_replace_the-2026-09-25-203754.png) - ![A pair of vermilion festival tickets](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/9df8fecc-59a2-42d9-b13b-502d6af83d80/ui_element_tickets_currency_icon_for_a_2d_mobile_game_designed_to_read-2026-09-25-203632.png) Coins, a faceted gem, an energy cell and a pair of tickets give four different outlines in four different colors, so none of them depends on detail that disappears at 32 pixels. ### “Make twelve inventory item icons for a cozy life sim in a chunky cartoon style.” - ![A red apple](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/a9621bb6-3d34-4e27-af5a-92a63b6f3f64/game_ui_inventory_icon_a_single_plump_red_apple_with_a_small_leaf-2026-09-25-204039.png) - ![A sky-blue watering can](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/471c5708-cfbe-4d22-898b-2683a9f4757f/game_ui_inventory_icon_a_skyblue_metal_watering_can_with_a-2026-09-25-204039.png) - ![A bunch of carrots](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/2c8eda2f-a9e3-4cd3-9bfc-daf345f0118f/game_ui_inventory_icon_a_tied_bunch_of_three_carrotorange_carrots_with-2026-09-25-204039.png) - ![A ball of red yarn](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/d24bdb66-42ee-4bb3-9862-a98a31e9c393/game_ui_inventory_icon_a_round_tomatored_ball_of_yarn_with_a_few_clear-2026-09-25-204108.png) - ![An iron hoe](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/7235b5e4-1dc0-4d59-8818-2ec5c02a6225/game_ui_inventory_icon_an_iron_hoe_with_a_walnutbrown_wooden_handle-2026-09-25-204108.png) - ![A wooden fishing rod](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/617da457-afb4-4b58-9d20-fce2e806d827/game_ui_inventory_icon_a_simple_wooden_fishing_rod_with_a_walnutbrown-2026-09-25-204108.png) - ![A terracotta flower pot](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/15e28d41-90f1-4045-b0c4-1bcc45741413/game_ui_inventory_icon_a_small_terracotta_pot_holding_one_plump-2026-09-25-204108.png) - ![A red-capped mushroom](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/80e94e7b-7923-4bbd-a941-336943f4c343/game_ui_inventory_icon_one_plump_redcapped_mushroom_with_softcream-2026-09-25-204039.png) - ![A seed packet](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/0bcd41d4-a3f8-44b9-95b3-1b5ea6c500a6/game_ui_inventory_icon_a_softcream_seed_packet_with_a_simple_folded-2026-09-25-204039.png) - ![An acorn](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/d6067e3e-13b4-41a1-931b-ce3cbe70dd0c/game_ui_inventory_icon_one_plump_walnutbrown_acorn_with_a-2026-09-25-204108.png) - ![A milk bottle](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/5dd60bf7-ce37-400d-bf95-dca662cd6643/game_ui_inventory_icon_a_softcream_glass_milk_bottle_with_a_skyblue_cap-2026-09-25-204039.png) - ![A loaf of bread](https://media.app.layer.ai/workspaces/9602107e-865b-47e5-b66e-87b1bec5e3d5/files/2049b827-e5e7-418d-837a-b67bf4d16141/game_ui_inventory_icon_a_golden_softcream_loaf_of_bread_with_three-2026-09-25-204108.png) All twelve share one outline weight, one light direction and one palette, so the apple and the iron hoe look like they came out of the same bag. --- The first eight icons look great. By icon thirty the light has drifted from top-left to overhead, the outlines have thickened, and poison is harder to pick out of the hotbar than fire. Holding a set together by hand is the part that eats the week. Send the list in plain words, like eight elements for an ARPG or a currency set for a mobile game, with the size your game shows them at. Layer handles the template, the light and the silhouette checks, so you never redraw icon twelve to match icon three. ## One Idea per Icon A player scans a hotbar mid-fight, so each icon carries one concept: a flame for fire, three shards for ice, a zigzag bolt for lightning. Below 64 pixels, interior detail turns to noise, and Layer trades it for a bold silhouette and a thick outline. The currency set above was asked for at 32 pixels, and the coins, gem, energy cell and tickets each keep their own outline and their own color. ## The Template Comes First A set stays consistent when every icon repeats the same decisions. Layer settles the frame, the padding, the light direction and the palette before the first icon and holds them for every icon after it, including the ones you add next month. That is how twelve cozy items with different shapes and colors end up with one outline weight. ## Where the Engine Takes Over Icons arrive as transparent PNG files, one per icon, for your inventory, hotbar or shop. Counts, cooldown sweeps, rarity frames and selection highlights stay with your engine, drawn over the icon at runtime. Leave text out too: painted letters rarely hold up at inventory size. For the rest of your interface, see [game UI kits](/use-cases/game-ui-kit), [game HUD design](/use-cases/game-hud-design) and [menu and store screens](/use-cases/game-menu-screens). ## Frequently Asked Questions ### Will icon forty still match icon one? Yes, if you ask in the same session. Layer fixes the frame, the light direction, the outline and the palette before the first icon and draws every later one on that template, so a set of eight can grow to forty without drifting. Only the subject and its accent color change. ### How do I know an icon will read at 32 pixels? Fill it solid black. If the silhouette is still the object, it reads. Tell Layer the size your game shows icons at, and below about 64 pixels it commits to a bold silhouette and a thick outline and leaves out fine interior detail. --- Create a free Layer account and send the list of icons your game needs. --- [View original](https://layer.ai/use-cases/game-icon-sets) | [All Use Cases](https://layer.ai/use-cases)