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.

  • ui
  • svg
  • png transparente
  • ícones
  • 16px
  • menu
  • duas cores
  • voxel
  • interface clara
  • construção
  • sandbox
57 ícones de menu de jogo bicolores sobre ladrilhos areia quente, mostrados grandes, dispostos numa folha e de novo no tamanho real de 16 pixels
prévia 1600×1248a transparência aparece como xadrez

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 espera
Baixar ZIP185 kB

Conjunto completo — SVGs individuais, folha, exportações PNG em 1x/2x/4x

Arquivos inclusos neste pack
ArquivoFormatoPesoDownload
Conjunto completo — SVGs individuais, folha, exportações PNG em 1x/2x/4xZIP185 kB Obter →
Folha de ícones, SVG editávelSVG15 kB Obter →

Como usar

  1. 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.
  2. 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.
  3. 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.
  4. 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