Packs de interface
Inkwell Ícones de menu — conjunto de 24px preenchido
Seis ícones de menu monocolor preenchidos em quadrinho nanquim em 24×24: play, pausa, fechar, confirmar, vida e moeda. Folha e arquivos avulsos.

Sobre este pack
Silhuetas preenchidas em vez de contornos, porque um ícone com contorno dentro de um botão com contorno deixa duas espessuras de linha competindo num quadrado de 24 pixels. Formas preenchidas mantêm o orçamento de nanquim na moldura, que é onde ele cabe.
Os seis ícones ficam numa grade rígida de 24×24 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 seis desenhos que por acaso têm o mesmo tamanho. O conjunto cobre play, pausa, fechar, confirmar, vida e moeda.
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 144×24 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 × 24. 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 × 24, y = 0, largura 24, altura 24 — nesta ordem: play, pausa, fechar, confirmar, vida, moeda.
- 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.
- 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 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
"Inkwell Ícones de menu — conjunto de 24px preenchido" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/inkwell-menu-icons-24


