Pack de iconos · Descarga gratuita
50 iconos de eventos virtuales gratis en SVG y PNG
Webinars, cursos en línea, transmisiones en vivo, reuniones remotas: buena parte del trabajo creativo de hoy pasa por una pantalla compartida. Y sin embargo, cuando necesitas un icono de videollamada que no sea el mismo de siempre —o uno de "evento virtual" que de verdad lo parezca—, la búsqueda se pone cuesta arriba.
Este pack lo resuelve: 50 iconos de eventos virtuales en SVG y PNG, con variante clara y oscura, nombres en español y descarga directa sin registro. Videollamadas, micrófonos, streaming en vivo, calendarios, participantes y todo lo que rodea a un evento en línea. 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:
videollamada-01.svg,chat-en-linea.svg,evento-virtual-01.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 todo lo que rodea a un evento en línea:
- Audio y video: videollamada (en varias composiciones), videochat, cámara web, micrófono, auriculares, sonido, alta definición, reproductor de video.
- El evento en sí: evento virtual (tres variantes), en vivo, presentación, educación virtual, fiesta, lugar del evento.
- Personas: usuario, usuarios, personas, lista de usuarios, anónimo, invitación, me gusta.
- Logística: calendario, horario, tiempo, ubicación, añadir, compartir, intercambio.
- Infraestructura: red, conexión, conectar, desconectar, servidor, servidor en la nube, dispositivos, cargando.
Descarga el pack
La descarga es directa, gratuita y no pide registro ni correo. El archivo es un ZIP de 2,2 MB: descomprímelo y ya tienes las carpetas listas.
Descargar los 50 iconos (ZIP · 2,2 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
cocina y
hotelería — publicamos un set
nuevo cada semana en recursos gratuitos.
El SVG es mejor, pero medio evento te lo va a rechazar
La recomendación corta es la de siempre: usa el SVG. Es vectorial, se ve nítido lo mismo en un botón de 16 px que en la diapositiva de apertura, pesa unos pocos kilobytes y le cambias el color desde el código. El PNG trae el color cocido y a 512 × 512 no da mucho más de sí.
El problema es que un evento en línea se monta sobre herramientas ajenas, y varias de ellas no admiten SVG. Los clientes de correo son los peores: Gmail, Outlook y compañía lo bloquean, así que toda tu cadena de recordatorios va en PNG obligatoriamente. Muchas plataformas de webinar aceptan solo imagen de trama para el logo de sala y las portadas. Y OBS carga PNG en un clic, mientras que meter un SVG exige montarlo dentro de una fuente de navegador.
La regla práctica: el SVG para lo que controlas tú —tu web, tu landing, tus diapositivas— y el PNG para todo lo que pase por el sistema de otro. Por eso el ZIP trae los dos.
Cómo adaptar los iconos al color de tu evento
Los 50 iconos vienen con el trazo en tinta oscura y en blanco, pero videollamada-01.svg se abre con el Bloc de notas y su fill se cambia en un segundo, que es lo que suele hacer falta para que encajen con la marca del webinar o con el overlay de OBS.
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.
Dónde encajan en la producción de tu evento
Un evento en línea se arma por capas, y cada capa consume los iconos de una forma distinta. Siguiendo el orden en que normalmente se monta:
- La página de inscripción. Es lo primero que existe y lo que decide si alguien se apunta. Los iconos marcan el formato —en directo, bajo demanda, con certificado— junto a cada bloque de texto. Pégalos en línea para que hereden el color de tu marca.
- Las diapositivas. Un icono por punto de la agenda ayuda al que se conecta tarde a ubicarse de un vistazo. En PowerPoint, clic derecho → Convertir en forma te deja recolorearlo como un elemento nativo más.
- El overlay del directo. Aquí va el aviso importante: el vídeo comprime, y los trazos finos son lo primero que se convierte en papilla cuando baja el bitrate. Mete los PNG de 512 px como fuente «Imagen» en OBS, pero pruébalos grabando treinta segundos y mirando el archivo resultante, no la vista previa del programa. Si el icono tiembla, engórdalo o usa una versión sólida.
- Los correos de recordatorio. Los clientes de correo son el entorno más hostil que hay: muchos no renderizan SVG. Usa PNG y da por hecho que alguien lo verá con las imágenes bloqueadas, así que el texto alternativo tiene que sostenerse solo.
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 y la curación visual del set fueron hechas por mí para que te sirva de forma directa en proyectos personales, de marca y profesionales.
El material llegó con una estructura incómoda —archivos sueltos, con una sola variante y varios nombres repetidos—, así que lo primero fue normalizarlo con un script propio a la organización estándar de la serie: clara y oscura por separado. Los nombres duplicados los revisé uno a uno para ver si eran el mismo dibujo o dos distintos, y desambigué los que hacía falta. Luego añadí la traducción al español y generé los PNG a 512 × 512 con fondo transparente.
Y un dato honesto: el optimizador solo rebajó un 13 % el peso, bastante menos que in otros packs. No es un fallo; estos SVG ya venían razonablemente limpios y prefiero ser aquí claro que inflar la cifra.
Cómo usarlo
La descarga es directa y este recurso se ofrece como contenido propio del sitio. Puedes usarlo en proyectos personales y comerciales sin complicaciones, y si lo compartes, lo mejor es enlazar esta publicación 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 presenta 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?
Por temática cubren todo lo que gira alrededor de un evento en línea: la landing de un webinar, la interfaz de una app de videollamadas, presentaciones sobre trabajo remoto, paneles de streaming, invitaciones digitales y material de cursos virtuales. Hay iconos de conexión, participantes, audio y video, y de la logística del evento. Para las condiciones de uso, mira Licencia y uso.
¿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.
¿En qué tamaño vienen los PNG?
Cada icono viene en PNG de 512 × 512 píxeles con fondo transparente, en las dos variantes. Es un tamaño generoso que puedes reducir sin pérdida al que necesites; para ampliaciones mayores usa directamente el SVG, que no pierde nitidez a ningún tamaño.
¿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 explico con detalle en Licencia y uso.