Packs de interface

Blocks Ícones de menu — conjunto de 24px preenchido

57 ícones de menu voxel robusto monocromáticos preenchidos numa grade 24×24, incluindo tocar, pausar, ajustes e mais 54. Folha e arquivos avulsos.

  • ui
  • svg
  • png transparente
  • ícones
  • 24px
  • menu
  • preenchido
  • voxel
  • em blocos
  • isométrico
  • cubo
57 ícones de menu de jogo preenchidos sobre ladrilhos voxel robusto, mostrados grandes, dispostos numa folha e de novo no tamanho real de 24 pixels
prévia 1600×1269a transparência aparece como xadrez

Sobre este pack

Ícones preenchidos de 24px com haste de 3px, grossos o bastante para sobreviver ao lado de painéis extrudados. Ícones de traço parecem arame ao lado de um bloco; estes são recortados do mesmo material.

Os 57 ícones se apoiam numa grade rígida de 24×24 com espessura de traço uniforme de 3 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.

Tudo é de uma cor só. Há um valor em cada arquivo, o que significa que recolorir o conjunto inteiro é um localizar-e-substituir, ou uma tinta no material se você usar os PNGs. Nada está assado na imagem — sem sombras, sem degradês, sem chanfros — porque um ícone que carrega a própria iluminação deixa de combinar com a sua interface no momento em que ela muda.

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 1368×24 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 × 24. As exportações PNG cobrem 1x, 2x e 4x com bordas transparentes limpas.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP221 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/4xZIP221 kB Obter →
Folha de ícones, SVG editávelSVG11 kB Obter →

Como usar

  1. Na folha, o ícone N ocupa o retângulo x = N × 24, y = 0, largura 24, altura 24, 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 3 px numa escala fracionária é exatamente o que transforma um ícone nítido numa mancha cinza.
  3. Para recolorir, mude o único valor de preenchimento ou de traço no SVG, ou aplique uma tinta ao PNG no seu material de interface — todas as formas de um arquivo usam um mesmo valor.
  4. Para alvos de toque, mantenha o ícone de 24 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