Packs de interface

Byte Ícones de menu — conjunto de 24px com contorno

Sete ícones de menu monocolor com contorno em pixel brilhante em 24×24: play, pausa, configurações, inventário, mapa, confirmar e fechar. Folha e arquivos avulsos.

  • ui
  • svg
  • png transparente
  • ícones
  • 24px
  • menu
  • traço
  • pixel art
  • interface clara
  • quebra-cabeça
  • gerenciamento
Sete ícones de menu com contorno sobre ladrilhos pixel brilhante, mostrados grandes, dispostos numa folha e de novo no tamanho real de 24 pixels
prévia 1600×891a transparência aparece como xadrez

Sobre este pack

Uma grade de 24px em vez dos 16px que a família irmã usa. Em 16px um ícone de traço sobre fundo claro perde o contorno para o fundo; 24 dá à haste peso suficiente para manter a forma sem virar uma mancha maciça.

Os sete ícones ficam numa grade rígida de 24×24 com um traço uniforme de 2 px e compartilham o mesmo peso óptico, então uma fileira deles parece um conjunto e não sete desenhos que por acaso têm o mesmo tamanho. O conjunto cobre play, pausa, configurações, inventário, mapa, confirmar e fechar.

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 individuais são os que se usam se o seu motor rasteriza vetores ou se você pretende editá-los. A folha de 168×24 dispõe os sete 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 ZIP25 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/4xZIP25 kB Obter →
Folha de ícones, SVG editávelSVG1.5 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: play, pausa, configurações, inventário, mapa, confirmar, fechar.
  2. Mantenha os ícones sobre pixels inteiros em 1x, 2x ou 4x; renderizar um traço de 2 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 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
"Byte Ícones de menu — conjunto de 24px com contorno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24