Packs de interface
Dusk Ícones de menu — conjunto de 16px preenchido
Seis ícones de menu monocolor preenchidos em roxo do anoitecer em 16×16: vida, moeda, defesa, espólio, confirmar e fechar. Folha e arquivos avulsos.

Sobre este pack
Ícones de dezesseis pixels desenhados como formas preenchidas e não como contornos, porque neste tamanho um contorno são dois pixels de borda em volta de um pixel de nada. Continuam sendo fontes vetoriais, então as exportações de 2x e 4x são limpas e não ampliadas.
Os seis ícones ficam numa grade rígida de 16×16 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 seis desenhos que por acaso têm o mesmo tamanho. O conjunto cobre vida, moeda, defesa, espólio, 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 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: vida, moeda, defesa, espólio, confirmar, fechar.
- 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.
- 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.
- 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.
- Em 1x estes ícones foram pensados para ficar ao lado de texto de 8 ou 16 pixels; se sua fonte for maior, use a exportação de 2x em vez de ampliar a de 1x por 1.5.
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
"Dusk Ícones de menu — conjunto de 16px preenchido" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-menu-icons-16


