Packs de interface
Sandbox Ícones de menu — conjunto de 16px em duas cores
57 ícones de menu areia quente bicolores numa grade 16×16, incluindo tocar, pausar, ajustes e mais 54. Folha e arquivos avulsos.

Sobre este pack
Ícones em duas cores numa grade de 16px — os menores daqui, porque uma barra de ferramentas de sandbox segura vinte de uma vez. O segundo tom faz o trabalho de um contorno, e um contorno em 16px sobre fundo pálido se fecharia.
Os 57 ícones se apoiam numa grade rígida de 16×16 com espessura de traço uniforme de 2.5 px e compartilham o mesmo peso óptico, então uma fileira se lê como um conjunto e não como 57 desenhos que por acaso têm o mesmo tamanho. O conjunto cobre tocar, pausar, ajustes, inventário, mapa, som, fechar, confirmar, vida, moeda, defesa, espólio, início, voltar, avançar, cima, baixo, menu, busca, filtro, atualizar, tela cheia, adicionar, remover, travado, destravado, ver, excluir, info, aviso, estrela, troféu, tempo, salvar, baixar, enviar, arma, poção, gema, chave, baú, missão, perigo, fogo, energia, mana, armadura, velocidade, habilidades, alvo, música, perfil, grupo, chat, correio, loja e recompensa.
Cada ícone carrega exatamente dois valores: uma cor de corpo e um detalhe de acento recortado dentro. Essa é a paleta inteira — sem sombras, sem degradês, sem chanfros — então recolorir o conjunto são dois localizar-e-substituir, e o acento fica livre para o que a sua interface fizer com ele em outro lugar.
O conjunto vem de três formas. Os SVGs avulsos são a escolha certa se seu motor rasteriza vetores ou se você pretende editá-los. A folha de 912×16 dispõe todos os 57 na mesma grade para motores que preferem uma textura e um deslocamento retangular — a célula N começa em x = N × 16. As exportações PNG cobrem 1x, 2x e 4x com bordas transparentes limpas.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — SVGs individuais, folha, exportações PNG em 1x/2x/4x
Como usar
- Na folha, o ícone N ocupa o retângulo x = N × 16, y = 0, largura 16, altura 16, nesta ordem: tocar, pausar, ajustes, inventário, mapa, som, fechar, confirmar, vida, moeda, defesa, espólio, início, voltar, avançar, cima, baixo, menu, busca, filtro, atualizar, tela cheia, adicionar, remover, travado, destravado, ver, excluir, info, aviso, estrela, troféu, tempo, salvar, baixar, enviar, arma, poção, gema, chave, baú, missão, perigo, fogo, energia, mana, armadura, velocidade, habilidades, alvo, música, perfil, grupo, chat, correio, loja, recompensa.
- Mantenha os ícones sobre pixels inteiros em 1x, 2x ou 4x; renderizar um traço de 2.5 px numa escala fracionária é exatamente o que transforma um ícone nítido numa mancha cinza.
- Para recolorir, mude os dois valores no SVG: a cor do corpo e o detalhe de acento. Uma tinta chapada no PNG funde os dois numa só cor, então recolora no nível do SVG se quiser manter a leitura em duas cores.
- Para alvos de toque, mantenha o ícone de 16 px e aumente o botão atrás dele em vez de escalar o ícone; a espessura do traço está ajustada para esse tamanho.
Licença
Creative Commons Zero 1.0 — Domínio público. Sem atribuição. Termos completos · O que isso significa na prática



