Pack de iconos · Descarga gratuita
50 iconos de hotelería gratis en SVG y PNG
Si trabajas en la web de un hotel, una app de reservas o el material de un spa, seguro te topaste con el mismo problema: los iconos de hotelería que encuentras gratis son genéricos, no combinan entre sí, o directamente no existen para lo que necesitas —¿cuándo fue la última vez que viste un buen icono de "carrito de servicio a la habitación"?—.
Este pack cubre todo el recorrido del huésped: 50 iconos de hotelería en SVG y PNG, con variante clara y oscura, nombres en español y descarga directa sin registro. Desde el check-in hasta el spa, pasando por la recepción, las habitaciones y el restaurante. 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 fino y el mismo tamaño de caja que ya viste en 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 pesa menos de medio megabyte y trae 400 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 a 24, 48 y 96 píxeles, también en las
dos variantes, con versiones
@2xy@4xpara pantallas retina. -
Nombres en español y en minúsculas:
recepcion-01.svg,llaves-de-habitacion.svg,servicio-24-7.svg. Se buscan por lo que son, no por un código. - SVG optimizados: pasamos cada archivo por nuestro optimizador de SVG y el conjunto bajó un 52 % de peso sin perder detalle del dibujo.
Qué temas cubren los 50 iconos
El set sigue el recorrido completo de un huésped, de la llegada a la salida:
- Llegada y recepción: recepción, timbre de recepción, llaves de habitación, botones, conserje, pasaporte, carritos de equipaje y portaequipaje.
- Habitación: camas, almohadas, TV, plancha, toalla, ducha, bañera, cartel de "no molestar" en sus dos versiones.
- Servicios y bienestar: spa, masajista, sandalias, tumbona, servicio a la habitación y su carrito, servicio 24/7, WiFi.
- Restaurante y bar: restaurante, mesero, barra de bebidas, champán, hora del café, hora del té, taza de té, barista.
- El hotel como marca: tres variantes de edificio, letrero de hotel, certificado de excelencia, empleados de hotel, taxi.
Descarga el pack
La descarga es directa, gratuita y no pide registro ni correo. El archivo es un ZIP de 0,47 MB: descomprímelo y ya tienes las carpetas listas.
Descargar los 50 iconos (ZIP · 0,47 MB)
Dentro del ZIP encontrarás también un archivo LEEME.txt con un resumen
del contenido. Las condiciones de uso están en el apartado
Licencia y uso un poco más abajo. Si te sirvió este pack, quizás también te
interese el de 50 iconos de cocina
—ideal si tu hotel tiene restaurante propio— y seguiremos publicando un set nuevo
cada semana en recursos gratuitos.
SVG o PNG: cuál usar en cada caso
Usa el SVG siempre que puedas. Es vectorial: se ve nítido en un ícono de 16 píxeles en tu barra de navegación y en un cartel impreso de recepción, pesa unos pocos kilobytes y le puedes cambiar el color desde el propio código. El PNG es una imagen de píxeles: se pixela si lo agrandas y su color viene fijo.
El PNG cubre los casos donde el SVG no entra: plantillas de correo para confirmar reservas (muchos gestores lo bloquean), algunos sistemas de gestión hotelera y versiones antiguas de PowerPoint. Ahí, usa el PNG del tamaño más cercano al que necesitas —nunca uno más pequeño ampliado—.
Cómo adaptar los iconos a la identidad del hotel
Los 50 iconos vienen con el trazo en tinta oscura y en blanco, pero recepcion-01.svg se abre con el Bloc de notas y su fill se cambia en un segundo: lo justo para que la señalética y el motor de reservas hablen el mismo idioma visual que el resto del hotel.
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.
Del cartel de la puerta al motor de reservas
En un hotel los iconos no viven en un solo sitio: acompañan al huésped desde que compara habitaciones hasta que busca el gimnasio en la tercera planta. Cada tramo de ese recorrido pide algo distinto del mismo archivo.
-
Señalética y cartelería. Es donde el vector se paga solo: el mismo
recepcion-01.svgvale para un vinilo de puerta y para un tótem de entrada sin perder un pixel. La prueba real no es mirarlo en el monitor, es imprimirlo y alejarte tres metros. Si a esa distancia dudas entre dos pictogramas, el problema es el icono, no la señal. - El motor de reservas. Los iconos de servicios —wifi, desayuno, parking, mascotas— se ven en fila y a tamaño pequeño, así que lo que importa es que todos ocupen ópticamente lo mismo. Colócalos en una caja fija de 24 o 32 px en vez de dejar que cada uno se escale a su aire.
- El directorio de la habitación y los PDF internos. Inserta el SVG en tu editor y, si es PowerPoint, con clic derecho → Convertir en forma pasa a ser un elemento nativo que recoloreas como cualquier otro.
- Canales de terceros. Booking, Expedia y los gestores de canales suelen pedir imagen rasterizada: para eso están los PNG del pack, con transparencia y a 512 px.
Licencia y uso
Sobre este pack
Este pack es un recurso original de Lienzo y se publica como contenido propio del sitio. Mi aportación está en la curación, la ordenación, la traducción de nombres, la preparación de la estructura del pack y la revisión visual para que todo el conjunto funcione como un bloque útil y consistente.
Aquí la selección no siguió un orden alfabético sino el recorrido del huésped: qué iconos hacen falta al reservar, al llegar al mostrador, al subir a la habitación y al usar los servicios del hotel. Con esa lista delante descarté los que rompían la coherencia de trazo. A partir de ahí, lo de siempre: nombres traducidos al español, carpetas separadas para la variante clara y la oscura, PNG en 24, 48 y 96 px, y una pasada por el optimizador que rebajó el conjunto un 52 %.
Cómo usarlo
La descarga es directa y el recurso se ofrece como contenido propio del sitio. Puedes usarlo en proyectos personales y profesionales sin complicaciones, y si lo compartes lo mejor es enlazar este artículo en lugar de 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 encajan en cualquier proyecto de alojamiento o turismo: la web de un hotel, hostal o Airbnb, una app de reservas, un menú de servicios de spa, señalética digital de recepción o material de marketing para agencias de viaje. Cubren desde el check-in hasta el room service. Las condiciones de uso de cada archivo son otra cosa: las tienes en 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.
¿Cuándo conviene usar el SVG y cuándo el PNG?
Usa el SVG siempre que puedas: es vectorial, se ve nítido a cualquier tamaño, pesa muy poco y puedes cambiarle el color. Recurre al PNG solo cuando el programa de destino no acepte SVG, como en algunas plantillas de correo o versiones antiguas de Office.
¿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 en lugar de volver a subir el ZIP. La referencia de uso está en Licencia y uso.