Packs de interface

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

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

  • ui
  • svg
  • png transparente
  • ícones
  • 32px
  • menu
  • traço
  • desenhado à mão
  • esboço
  • caderno
  • interface clara
Sete ícones de menu com contorno sobre ladrilhos caderno nanquim, mostrados grandes, dispostos numa folha e de novo no tamanho real de 32 pixels
prévia 1600×912a transparência aparece como xadrez

Sobre este pack

Ícones numa grade de 32px com traço de 2.5px, desenhados com a mesma linha inquieta dos painéis. A grade maior não é decoração: um contorno trêmulo num ícone de 16px se lê como erro de renderização, e precisa de espaço antes de se ler como mão.

Os sete ícones ficam numa grade rígida de 32×32 com um traço uniforme de 2.5 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 224×32 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 × 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 ZIP34 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/4xZIP34 kB Obter →
Folha de ícones, SVG editávelSVG1.7 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: 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.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
"Sketch Í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/sketch-menu-icons-32