Packs de interface

Hyperlane Ícones de menu — conjunto de 32px em duas cores

57 ícones de menu velocidade de arcade bicolores numa grade 32×32, incluindo tocar, pausar, ajustes e mais 54. Folha e arquivos avulsos.

  • ui
  • svg
  • png transparente
  • ícones
  • 32px
  • menu
  • duas cores
  • arcade
  • corrida
  • degradê
  • hud
57 ícones de menu de jogo bicolores sobre ladrilhos velocidade de arcade, mostrados grandes, dispostos numa folha e de novo no tamanho real de 32 pixels
prévia 1600×1344a transparência aparece como xadrez

Sobre este pack

Ícones em duas cores numa grade de 32px. Sobre uma laje saturada um ícone de tom único some dentro do degradê, então é o segundo tom que o mantém legível.

Os 57 ícones se apoiam numa grade rígida de 32×32 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 1824×32 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 × 32. As exportações PNG cobrem 1x, 2x e 4x com bordas transparentes limpas.

Download

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

Como usar

  1. Na folha, o ícone N ocupa o retângulo x = N × 32, y = 0, largura 32, altura 32, 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 32 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 Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática

Linha de crédito para copiar
"Hyperlane Ícones de menu — conjunto de 32px em duas cores" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-menu-icons-32