Packs de interface

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

Seis ícones de menu em duas cores fibra de carbono em grade 32×32: play, pausa, configurações, som, confirmar e fechar. Folha e arquivos avulsos.

  • ui
  • svg
  • png transparente
  • ícones
  • 32px
  • menu
  • duas cores
  • realista
  • cabine
  • simulação
  • corrida
Seis ícones de menu em duas cores sobre ladrilhos fibra de carbono, mostrados grandes, dispostos numa folha e de novo no tamanho real de 32 pixels
prévia 1600×677a transparência aparece como xadrez

Sobre este pack

Ícones em duas cores numa grade de 32px com haste de 2.25px. Uma interface de cabine é lida de relance enquanto outra coisa exige atenção, então os ícones são grandes e o segundo tom carrega o estado — exatamente o caso em que um contorno de espessura única não basta.

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

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 individuais são os que se usam se o seu motor rasteriza vetores ou se você pretende editá-los. A folha de 192×32 dispõe os seis 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 ZIP32 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/4xZIP32 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, som, confirmar, fechar.
  2. Mantenha os ícones sobre pixels inteiros em 1x, 2x ou 4x; renderizar um traço de 2.25 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
"Carbon Í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/carbon-menu-icons-32