Packs de interface

Candy Ícones de menu — conjunto de 32px preenchido

57 ícones de menu brilho de açúcar monocromáticos preenchidos numa grade 32×32, incluindo tocar, pausar, ajustes e mais 54. Folha e arquivos avulsos.

  • ui
  • svg
  • png transparente
  • ícones
  • 32px
  • menu
  • preenchido
  • cartoon
  • casual
  • mobile
  • match 3
57 ícones de menu de jogo preenchidos sobre ladrilhos brilho de açúcar, 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 preenchidos numa grade de 32px com haste de 3.5px. Ícones com contorno parecem finos e clínicos ao lado de um botão de contorno de nanquim grosso; formas preenchidas igualam o peso da superfície em que se apoiam, que é toda a razão de este estilo usar um contorno grosso desde o começo.

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

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 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 ZIP288 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/4xZIP288 kB Obter →
Folha de ícones, SVG editávelSVG13 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 3.5 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 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
"Candy Ícones de menu — conjunto de 32px preenchido" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-menu-icons-32