Packs de interfaz

Sumi Iconos de menú — set de 32px con contorno

Seis iconos de menú monocolor con contorno en aguada de tinta sobre 32×32: reproducir, pausa, ajustes, mapa, sonido y cerrar. Hoja y archivos sueltos.

  • ui
  • svg
  • png transparente
  • iconos
  • 32px
  • menú
  • trazo
  • cel shading
  • tinta
  • interfaz oscura
  • acción
Seis iconos de menú con contorno sobre baldosas aguada de tinta, mostrados en grande, dispuestos en una hoja y otra vez a su tamaño real de 32 píxeles
vista previa 1600×677la transparencia se muestra como damero

Sobre este pack

Iconos con contorno en una rejilla de 32px con trazo de 2.75px. Los iconos rellenos competirían con el contorno grueso del panel; un trazo de este grosor coincide exactamente con la línea de tinta, y eso hace que el conjunto parezca dibujado por la misma mano que los marcos.

Los seis iconos se apoyan en una rejilla estricta de 32×32 con un trazo uniforme de 2.75 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.

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 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 192×32 coloca los seis en la misma rejilla para motores que prefieren una textura y un desplazamiento rectangular — la celda N empieza en x = N × 32. Los exportados PNG cubren 1x, 2x y 4x con bordes transparentes limpios.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP32 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/4xZIP32 kB Obtener →
Hoja de iconos, SVG editableSVG1.5 kB Obtener →

Cómo se usa

  1. En la hoja, el icono N ocupa el rectángulo x = N × 32, y = 0, ancho 32, alto 32 — 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.75 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 32 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
"Sumi Iconos de menú — set de 32px con contorno" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-menu-icons-32