Packs de interfaz

Dusk Iconos de menú — set de 16px relleno

57 iconos de menú púrpura del ocaso monocromos rellenos en una rejilla de 16×16, incluidos reproducir, pausa, ajustes y 54 más. Hoja y archivos sueltos.

  • ui
  • svg
  • png transparente
  • iconos
  • 16px
  • menú
  • relleno
  • pixel art
  • retro
  • 2d
57 iconos de menú de juego rellenos sobre baldosas púrpura del ocaso, mostrados en grande, dispuestos en una hoja y otra vez a tamaño real de 16 píxeles
vista previa 1600×1248la transparencia se muestra como damero

Sobre este pack

Iconos de dieciséis píxeles dibujados como formas rellenas y no como contornos, porque a este tamaño un contorno son dos píxeles de borde alrededor de un píxel de nada. Siguen siendo fuentes vectoriales, así que los exportados de 2x y 4x son limpios y no ampliados.

Los 57 iconos se apoyan en una rejilla estricta de 16×16 con un grosor de trazo uniforme de 2 px y comparten el mismo peso óptico, de modo que una fila parece un set y no 57 dibujos que casualmente miden lo mismo. El set cubre reproducir, pausa, ajustes, inventario, mapa, sonido, cerrar, confirmar, salud, moneda, defensa, botín, inicio, atrás, adelante, arriba, abajo, menú, buscar, filtrar, recargar, pantalla completa, añadir, quitar, bloqueado, desbloqueado, ver, borrar, info, aviso, estrella, trofeo, tiempo, guardar, descargar, subir, arma, poción, gema, llave, cofre, misión, peligro, fuego, energía, maná, armadura, velocidad, habilidades, objetivo, música, perfil, grupo, chat, correo, tienda y recompensa.

Todo es de un solo color. Hay un valor en cada archivo, lo que significa que recolorear el conjunto entero es un buscar y reemplazar, o un tinte sobre el material si usas los PNG. Nada está horneado — sin sombras, sin degradados, sin biseles — porque un icono que lleva su propia iluminación deja de encajar con tu interfaz en el momento en que tu interfaz cambia.

El set llega de tres formas. Los SVG sueltos son la opción si tu motor rasteriza vectores o piensas editarlos. La hoja de 912×16 coloca los 57 en la misma rejilla para motores que prefieren una textura y un desplazamiento rectangular: la celda N empieza en x = N × 16. Las exportaciones PNG cubren 1x, 2x y 4x con bordes transparentes limpios.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP171 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/4xZIP171 kB Obtener →
Hoja de iconos, SVG editableSVG13 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, inventario, mapa, sonido, cerrar, confirmar, salud, moneda, defensa, botín, inicio, atrás, adelante, arriba, abajo, menú, buscar, filtrar, recargar, pantalla completa, añadir, quitar, bloqueado, desbloqueado, ver, borrar, info, aviso, estrella, trofeo, tiempo, guardar, descargar, subir, arma, poción, gema, llave, cofre, misión, peligro, fuego, energía, maná, armadura, velocidad, habilidades, objetivo, música, perfil, grupo, chat, correo, tienda, recompensa.
  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 el único valor de relleno o de trazo del SVG, o aplica un tinte de color al PNG en tu material de interfaz — todas las formas de un archivo usan un mismo valor.
  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.
  5. A 1x estos iconos están pensados para ir junto a texto de 8 o 16 píxeles; si tu fuente es mayor, usa el exportado de 2x en vez de ampliar el de 1x por 1.5.

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
"Dusk Iconos de menú — set de 16px relleno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-menu-icons-16