Packs de interfaz

Mallwave Iconos de menú — set de 16px a dos tintas

Seis iconos de menú a dos tintas en luz de atrio sobre rejilla de 16×16: reproducir, pausa, ajustes, mapa, sonido y cerrar. Hoja y archivos sueltos.

  • ui
  • svg
  • png transparente
  • iconos
  • 16px
  • menú
  • dos tintas
  • vaporwave
  • pastel
  • retro
  • hud
Seis iconos de menú a dos tintas sobre baldosas luz de atrio, mostrados en grande, dispuestos en una hoja y otra vez a su tamaño real de 16 píxeles
vista previa 1600×635la transparencia se muestra como damero

Sobre este pack

Iconos a dos tintas en una rejilla de 16px — pequeños, porque un escaparate lista muchos artículos a la vez y cada uno lleva un icono.

Los seis iconos se apoyan en una rejilla estricta de 16×16 con un trazo uniforme de 2 px y comparten el mismo peso óptico, así que una fila de ellos parece un conjunto y no seis dibujos que casualmente tienen el mismo tamaño. El conjunto cubre reproducir, pausa, ajustes, mapa, sonido y cerrar.

Cada icono lleva exactamente dos valores: un color de cuerpo y un detalle de acento destacado dentro. Esa es toda la paleta — sin sombras, sin degradados, sin biseles — así que recolorear el conjunto son dos buscar y reemplazar, y el acento queda libre para lo que sea que tu interfaz haga con él en otro sitio.

El conjunto viene de tres formas. Los SVG individuales son los que hay que usar si tu motor rasteriza vectores o piensas editarlos. La hoja de 96×16 coloca los seis en la misma rejilla para motores que prefieren una textura y un desplazamiento rectangular — la celda N empieza en x = N × 16. Los exportados PNG cubren 1x, 2x y 4x con bordes transparentes limpios.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP20 kB

Conjunto completo — SVG individuales, hoja, exportados PNG en 1x/2x/4x

Archivos incluidos en este pack
ArchivoFormatoPesoDescarga
Conjunto completo — SVG individuales, hoja, exportados PNG en 1x/2x/4xZIP20 kB Obtener →
Hoja de iconos, SVG editableSVG1.9 kB Obtener →

Cómo se usa

  1. En la hoja, el icono N ocupa el rectángulo x = N × 16, y = 0, ancho 16, alto 16 — en este orden: reproducir, pausa, ajustes, mapa, sonido, cerrar.
  2. Mantén los iconos sobre píxeles enteros en 1x, 2x o 4x; renderizar un trazo de 2 px a una escala fraccionaria es lo que convierte un icono nítido en una mancha gris.
  3. Para recolorear, cambia los dos valores del SVG: el color del cuerpo y el detalle de acento. Un tinte plano sobre el PNG fundirá los dos en un solo color, así que recolorea a nivel de SVG si quieres conservar la lectura a dos tintas.
  4. Para objetivos táctiles, conserva el icono de 16 px y agranda el botón que hay detrás en vez de escalar el icono; el grosor del trazo está ajustado a ese tamaño.

Licencia

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica

Línea de crédito para copiar
"Mallwave Iconos de menú — set de 16px a dos tintas" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/mallwave-menu-icons-16