Packs de interface

Sumi Ícones de menu — conjunto de 32px com contorno

57 ícones de menu aguada de tinta monocromáticos de contorno numa grade 32×32, incluindo tocar, pausar, ajustes e mais 54. Folha e arquivos avulsos.

  • ui
  • svg
  • png transparente
  • ícones
  • 32px
  • menu
  • traço
  • cel shading
  • tinta
  • interface escura
  • ação
57 ícones de menu de jogo de contorno sobre ladrilhos aguada de tinta, 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 com contorno numa grade de 32px com traço de 2.75px. Ícones preenchidos competiriam com o contorno grosso do painel; um traço dessa espessura coincide exatamente com a linha de nanquim, e é isso que faz o conjunto parecer desenhado pela mesma mão das molduras.

Os 57 ícones se apoiam numa grade rígida de 32×32 com espessura de traço uniforme de 2.75 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 ZIP347 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/4xZIP347 kB Obter →
Folha de ícones, SVG editávelSVG14 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.75 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
"Sumi Ícones de menu — conjunto de 32px com contorno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-menu-icons-32