Packs de interface
Mint Ícones de menu — conjunto de 16px em duas cores
Seis ícones de menu em duas cores ardósia fria em grade 16×16: play, pausa, configurações, mapa, confirmar e fechar. Folha e arquivos avulsos.

Sobre este pack
Ícones em duas cores numa grade de 16px com haste de 1.5px — o conjunto mais denso daqui. Uma interface de ferramentas coloca ícones em linhas de tabela e barras onde 24px forçaria a aumentar a altura da linha; dois tons os mantêm legíveis nesse tamanho sem contorno.
Os seis ícones ficam numa grade rígida de 16×16 com um traço uniforme de 1.5 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, mapa, 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 96×16 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 × 16. As exportações PNG cobrem 1x, 2x e 4x com bordas transparentes limpas.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — SVGs individuais, folha, exportações PNG em 1x/2x/4x
Como usar
- Na folha, o ícone N ocupa o retângulo x = N × 16, y = 0, largura 16, altura 16 — nesta ordem: play, pausa, configurações, mapa, confirmar, fechar.
- Mantenha os ícones sobre pixels inteiros em 1x, 2x ou 4x; renderizar um traço de 1.5 px numa escala fracionária é exatamente o que transforma um ícone nítido numa mancha cinza.
- Para recolorir, mude os dois valores no SVG: a cor do corpo e o detalhe de acento. Uma tinta plano no PNG funde os dois numa só cor, então recolora no nível do SVG se quiser manter a leitura em duas cores.
- Para alvos de toque, mantenha o ícone de 16 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 Zero 1.0 — Domínio público. Sem atribuição. Termos completos · O que isso significa na prática



