Pack de iconos · Descarga gratuita
50 iconos de ropa de hombre gratis en SVG y PNG
Busca "icono de ropa" en cualquier banco gratuito y vas a toparte con la misma camiseta genérica repetida en veinte packs distintos. En cuanto necesitas distinguir un chaleco de traje de un chaleco acolchado, o un pantalón jogger de uno casual, la búsqueda se complica y terminas mezclando estilos de trazo distintos en el mismo proyecto.
Este pack resuelve eso: 50 iconos de ropa y accesorios masculinos en SVG y PNG, con variante clara y oscura, nombres en español y descarga directa sin registro. Camisas, suéteres, sudaderas, pantalones, un buen puñado de abrigos y accesorios como reloj, corbata, gafas, mochila, cinturón y sombrero de copa. 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. Los generamos a partir de los SVG ya optimizados porque el pack de origen solo traía PNG de 96 × 96, muy por debajo del estándar del sitio.
-
Nombres en español y en minúsculas:
sudadera-con-capucha.svg,chaleco-de-traje.svg,sueter-cardigan.svg. Se buscan por lo que son, no por un código. - SVG optimizados con nuestro optimizador de SVG: el set completo pasó de 467 KB a 177 KB, un 62 % menos de peso sin perder detalle.
Qué prendas y accesorios cubren los 50 iconos
El pack cubre un guardarropa masculino completo —el calzado es la única pieza que no está incluida—:
- Camisas y polos: camisa, camisa de botones, camisa de oficina, camisa henley, camisa oxford, camisa cuello v, camisas (varias juntas), polo, camiseta manga casquillo, camiseta raglan y camiseta ringer.
- Suéteres, sudaderas y chalecos: tres sudaderas con capucha, suéter cardigan, suéter cuello alto, suéter cuello alto grueso, suéter cuello redondo grueso, suéter cuello v, suéter de esquí y chaleco acolchado.
- Abrigos y capas exteriores: tres abrigos sencillos, impermeable, bata de baño y dos chalecos de traje.
- Pantalones y shorts: dos pantalones casuales, pantalón jogger, shorts cargo, dos shorts casuales, shorts de jean y dos shorts de tenis.
- Accesorios: bufanda, cinturón, dos corbatas, dos pares de gafas, gorro de invierno, mochila, cuatro relojes y sombrero de copa.
Descarga el pack
La descarga es directa, gratuita y no pide registro ni correo. El archivo es un ZIP de 1,4 MB: descomprímelo y ya tienes las carpetas listas.
Descargar los 50 iconos (ZIP · 1,4 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 inteligencia
artificial y realidad
virtual — publicamos un set nuevo cada semana en
recursos gratuitos.
Cuando el pack trae más de una versión del mismo icono
Varias prendas vienen en más de una versión: tres abrigos sencillos, dos chalecos de traje, dos corbatas, dos pares de gafas, cuatro relojes, dos pantalones casuales, dos shorts casuales, dos shorts de tenis y tres sudaderas con capucha. No es relleno: son distintos cortes y ángulos de la misma prenda, para que elijas el que mejor encaje con la composición de tu diseño en lugar de forzar el mismo dibujo en todos los contextos.
Y si tu proyecto necesita separar rápido lo de arriba de lo de abajo, los nombres ya
vienen agrupados por familia: todo lo que empieza por camisa,
camiseta, sueter o sudadera va en la parte
superior; pantalon y shorts van en la inferior; el resto son
accesorios y capas exteriores.
Por qué tu tienda no te deja subir el SVG
Vas a subir el icono de una categoría a Shopify o a WooCommerce, y te lo rechaza. No has hecho nada mal: un SVG es un archivo de texto que puede contener código, así que la mayoría de plataformas de comercio bloquean su subida por seguridad. Es una precaución razonable, pero deja tu carpeta de vectores a medio usar.
La salida está en cómo entra el archivo. Por el formulario de subida de imágenes —imagen de producto, icono de categoría, banner— usa los PNG de 512 px: pasan siempre y ya vienen con el fondo transparente. Por la plantilla del tema, donde editas el código, el SVG entra pegado en línea sin problema y conservas todo lo bueno: nitidez a cualquier tamaño, unos pocos kilobytes y el color controlado desde el CSS.
Merece la pena hacer ese esfuerzo justo en los filtros y la navegación, que es donde los iconos se repiten en cada página del catálogo y donde su peso y su nitidez más se notan.
Cómo adaptar los iconos a tu catálogo
Los 50 iconos vienen con el trazo en tinta oscura y en blanco, pero camisa.svg se abre con el Bloc de notas y su fill se cambia en un segundo: suficiente para que las fichas de producto y los filtros de la tienda usen el color de cada categoría.
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 usarlos en la ficha y en los filtros de tu tienda
En una tienda de ropa los iconos casi nunca son decoración: son el atajo con el que alguien encuentra una camisa entre cuatrocientas prendas. Eso cambia lo que hay que vigilar.
- Filtros y navegación por categoría. Se ven a 20 o 24 px y en columna, uno debajo de otro. Ahí una camisa y un polo se parecen peligrosamente: antes de publicar, ponlos juntos a ese tamaño y comprueba que se distinguen por la silueta. Si solo los separa el detalle del cuello, cambia uno de los dos.
- Guías de tallas y fichas de producto. Aquí el icono va grande y acompañado de medidas, así que el SVG entra directo y escala sin límite. Es también donde más se agradece que el trazo coincida con el de tu tipografía: iconos finos con tipografía pesada se ven prestados.
- Shopify, WooCommerce y demás. Cuidado con esto: varias plataformas bloquean la subida de SVG por seguridad, sobre todo en los campos de imagen de producto. No es un fallo tuyo — para esos huecos usa los PNG de 512 px del ZIP, y reserva el SVG para las plantillas del tema, donde sí puedes pegarlo en el código.
- Catálogo impreso y etiquetas. Illustrator o Inkscape abren el SVG tal cual. Recuerda pasar el color a CMYK antes de mandarlo a imprenta.
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 selección, la revisión visual y la organización del conjunto han sido hechas por mí para que todo el paquete funcione de forma coherente y útil.
El punto interesante de este pack fueron los PNG. Los que traía de origen medían 96 × 96 píxeles, un tamaño que hoy se ve borroso en cualquier pantalla decente, así que no los copié: los volví a generar a 512 × 512 con fondo transparente partiendo de los SVG ya optimizados. También seleccioné los 50 iconos hasta cubrir camisas, suéteres, pantalones y accesorios con un trazo común, y traduje los nombres al español.
Este set es además el que mejor respondió al optimizador de toda la serie: un 62 % menos de peso, sin tocar un solo trazo del dibujo.
Cómo usarlo
La descarga es directa y el recurso se ofrece como contenido propio del sitio. 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 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 más comercial, 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 de ropa de hombre?
Para cualquier producto o contenido sobre moda masculina: la landing de una tienda online, una guía de tallas, un catálogo de temporada, presentaciones de una colección, infografías de estilo o material educativo sobre vestuario. Cubren camisas, suéteres, sudaderas, pantalones, abrigos y accesorios como reloj, corbata, gafas, mochila y cinturón.
¿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 debo 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 desde el propio código. Recurre al PNG solo cuando el programa de destino no acepte SVG, como algunas plantillas de correo, catálogos de plataformas de venta o versiones antiguas de Office. Este pack trae el PNG a 512 × 512, en las dos variantes.
¿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 en Licencia y uso.