Pack de iconos · Descarga gratuita
50 iconos de realidad virtual gratis en SVG y PNG
Busca "icono de realidad virtual" y vas a encontrar lo mismo cuarenta veces: unas gafas VR de frente. El problema aparece cuando necesitas contar algo más preciso —un objeto colocado sobre la cámara del móvil, un holograma proyectado, un gesto reconocido en el aire— y ahí ya no hay nada.
Este pack va justo por ahí: 50 iconos de realidad virtual y aumentada en SVG y PNG, con variante clara y oscura, nombres en español y descarga directa sin registro. Visores y controles, sí, pero también cinco composiciones de AR distintas, sensores, hologramas, contenido 360 y captura de movimiento. Aquí te contamos qué trae, cómo descargarlo y cómo adaptarlo al color de tu marca.
Así se ven los iconos
Una muestra de 12 de los 50 iconos del pack, con el mismo trazo y el mismo tamaño de caja que nuestros packs anteriores:
Los iconos de arriba siguen el tema de esta página: cambia entre modo claro y oscuro con el botón del menú y verás las dos variantes que incluye el pack.
Qué incluye el pack
El archivo trae 200 archivos organizados en carpetas con nombres en español:
-
50 iconos en SVG, en dos variantes:
svg/claro(trazo en tinta oscura, para fondos claros) ysvg/oscuro(trazo en blanco, para fondos oscuros y modo noche). - Los mismos 50 iconos en PNG de 512 × 512 con fondo transparente, también en las dos variantes. Un tamaño generoso que reduces sin pérdida al que necesites.
-
Nombres en español y en minúsculas:
gafas-vr.svg,recorrido-virtual.svg,ar-holograma.svg. Se buscan por lo que son, no por un código. - SVG optimizados con nuestro optimizador de SVG: un 13 % menos de peso sin perder detalle. Este set ya venía bastante limpio de fábrica, y aun así hubo margen.
Qué temas cubren los 50 iconos
El set cubre el ecosistema completo de lo inmersivo, no solo el visor:
- Visores y dispositivos: gafas VR, gafas AR, experiencia VR, control de juego, control remoto, volante, dron, cámara web, cámara 360, cámara AR.
- Realidad aumentada: cinco composiciones distintas —AR en pantalla, en el móvil, sobre un objeto, como holograma y activada con un gesto— más libro AR y microchip.
- Contenido inmersivo: video 360, panorámica, recorrido virtual, holograma, proyección 3D, cubo 3D, cine 4D, simulación, ciberespacio.
- Sensores e interacción: sensor 3D, reconocimiento facial, control de voz, inclinación, interactividad, mano robótica, escaneo, percepción de profundidad, seguimiento de movimiento, visión.
- Software y datos: software, programación, gestión de datos, internet, GPS, etiquetas, código QR, cuadrícula, decoración del hogar, científico, videollamada, auriculares, realidad virtual, pistola.
Descarga el pack
La descarga es directa, gratuita y no pide registro ni correo. El archivo es un ZIP de 2,1 MB: descomprímelo y ya tienes las carpetas listas.
Descargar los 50 iconos (ZIP · 2,1 MB)
Dentro del ZIP encontrarás también un archivo LEEME.txt con el resumen del
contenido. Las condiciones de uso están en el apartado
Licencia y uso un poco más abajo. Si este pack te sirvió, mira también los de
eventos virtuales y
hotelería — publicamos un set
nuevo cada semana en recursos gratuitos.
VR y AR: qué icono usar en cada caso
Es la confusión más común y el pack la resuelve por separado. La realidad virtual te mete dentro de un entorno simulado: el mundo real desaparece. Sus iconos aquí son los visores cerrados, la experiencia VR, el ciberespacio, la simulación y el recorrido virtual.
La realidad aumentada deja el mundo real donde está y le superpone
algo digital encima. Sus cinco iconos llevan el prefijo ar- y cada uno
resuelve una composición distinta: ar-pantalla (el objeto sobre un
monitor), ar-movil (proyectado desde el teléfono), ar-cubo
(el objeto en primer plano), ar-holograma (flotando sobre una base) y
ar-gesto (sostenido en la mano). Si estás diseñando una app de prueba
virtual o un catálogo con vista previa, esa distinción te ahorra explicaciones.
Aquí el PNG no es el plan B
En la mayoría de artículos el PNG aparece como el formato de repuesto, el que usas cuando el SVG no entra. En desarrollo para visores es al revés: Unity y Unreal trabajan con texturas, y una textura es una rejilla de píxeles. Aunque importes un vector, el motor termina rasterizándolo para subirlo a la tarjeta gráfica. Así que para todo lo que se dibuje dentro de la experiencia, los PNG de 512 px del pack son el formato nativo, no un apaño.
El SVG sigue mandando fuera del motor: la web donde presentas el proyecto, la ficha de la tienda de aplicaciones, los mockups en Figma y cualquier sitio donde quieras recolorear el icono sin volver a exportarlo. Ahí el vector te ahorra rehacer trabajo cada vez que cambia la paleta.
Un detalle que se paga caro si se pasa por alto: al importar el PNG, revisa el ajuste de compresión de tu motor. La compresión agresiva de texturas emborrona los bordes limpios de un icono, y en un visor ese temblor se nota mucho más que en un monitor.
Cómo adaptar los iconos a tu interfaz VR
Los 50 iconos vienen con el trazo en tinta oscura y en blanco, pero gafas-vr.svg se abre con el Bloc de notas y su fill se cambia en un segundo, práctico cuando la interfaz de tu app o tu escena de Unity ya tiene una paleta cerrada.
Los tres métodos —editarlo a mano, que el icono herede el color del texto con
currentColor, o pintarlo desde el CSS como máscara— están explicados
paso a paso, con el código de cada uno, en
cómo cambiar el color de un icono SVG.
Cómo meterlos en una interfaz que se mira con visor
Diseñar para un visor tiene una trampa que no existe en pantalla plana: tu monitor te miente. Un icono que se lee perfecto a 30 cm de tus ojos puede ser una mancha ilegible dentro del casco, porque ahí interviene la distancia en el mundo virtual, la resolución por ojo y el desenfoque de las lentes hacia los bordes.
- Unity o Unreal. Importa los PNG de 512 px como Sprite y móntalos en un canvas en espacio de mundo. Empieza por un tamaño que te parezca exagerado y redúcelo desde ahí probando con el visor puesto; el camino contrario — agrandar lo que no se lee — se hace eterno.
- Elige por silueta, no por detalle. A dos metros de distancia virtual desaparecen los matices y solo queda la forma general. Si dos iconos de tu menú comparten silueta, el usuario va a fallar al pulsar aunque los dibujos sean distintos.
- Contraste antes que elegancia. Las variantes de trazo fino son las que peor sobreviven en un visor. Si el icono va sobre un fondo variable —el paso habitual en RA, donde detrás está el mundo real— dale un halo o una placa de fondo en vez de confiar en que el contraste se mantenga.
- Mockups y presentaciones. Para enseñar el concepto antes de construirlo, los SVG entran en Figma como vector editable y te dejan iterar el menú entero sin volver a exportar nada.
Licencia y uso
Sobre este pack
Este pack es un recurso original de Lienzo y se publica como contenido propio del sitio. La preparación, la organización y la curación visual del set han sido hechas por mí para que te sirva de forma directa en tus proyectos.
El set traía cinco archivos distintos llamados todos «ar». No eran copias:
eran cinco dibujos diferentes con el mismo nombre, algo que en una carpeta hace imposible
encontrar nada. Los comparé lado a lado y les puse a cada uno el nombre de lo que realmente
dibujan —ar-pantalla, ar-movil, ar-cubo,
ar-holograma, ar-gesto—. Con eso resuelto vino lo demás: cubrir
visores, sensores, RA y contenido 360 con un trazo común, traducir el resto de nombres,
separar clara y oscura y generar los PNG a 512 × 512.
La optimización se quedó en un 13 %: estos archivos ya venían bastante limpios y no daba para más.
Cómo usarlo
La descarga es directa y el recurso se ofrece con una licencia de uso clara para proyectos personales y comerciales. Puedes usarlo sin complicaciones y, si lo compartes, lo mejor es enlazar este artículo en lugar de volver a subir el ZIP a otro sitio: así quien lo reciba tendrá siempre la versión actualizada.
La intención de esta publicación es dejar claro que el contenido se ofrece como material propio del sitio, con una línea editorial consistente y una utilidad práctica clara para trabajar de forma honesta y rápida. Si lo usas en un proyecto de cliente o una pieza comercial más específica, esta guía ya te da la referencia de uso y la intención del recurso.
Si crees que algo no debería estar aquí
Si eres el autor de alguno de estos iconos, o representas a quien lo es, y no quieres que se distribuya desde aquí, escríbeme a contacto@lienzo.tools indicando este artículo y el archivo concreto. Retiro el enlace mientras reviso el caso, en un plazo de 48 a 72 horas: primero se retira, después hablamos si hace falta.
Preguntas frecuentes
¿Para qué proyectos sirven estos iconos?
Para cualquier producto o contenido sobre realidad virtual y aumentada: la landing de una app VR, la interfaz de un visor, presentaciones sobre metaverso, catálogos con prueba virtual, recorridos 360 de inmuebles, videojuegos y material educativo sobre tecnología inmersiva. Cubren visores, sensores, hologramas, AR y contenido 360.
¿Cuál es la diferencia entre los iconos de VR y los de AR del pack?
Los de realidad virtual muestran visores, cascos y entornos totalmente
simulados: gafas-vr, experiencia-vr, ciberespacio,
simulacion. Los de realidad aumentada superponen elementos
digitales sobre el mundo real y llevan el prefijo ar-:
ar-pantalla, ar-movil, ar-cubo,
ar-holograma y ar-gesto, cada uno con una composición distinta.
¿Cómo cambio el color de un icono SVG?
Abre el archivo con un editor de texto y sustituye el valor de fill por
tu color. Si lo reemplazas por currentColor y pegas el SVG en línea en tu
HTML, el icono tomará automáticamente el color del texto que lo rodea. En Figma,
Illustrator o Canva basta con seleccionarlo y aplicar un relleno nuevo.
¿Con qué condiciones puedo usarlos?
Este pack es un recurso original de Lienzo y se ofrece como contenido propio del sitio. Puedes usarlo directamente en proyectos personales y profesionales sin complicaciones, y si lo compartes lo mejor es enlazar esta publicación y no volver a subir el ZIP. Lo tienes explicado en Licencia y uso.