Pack de iconos · Descarga gratuita
50 iconos de cocina gratis en SVG y PNG
Buscar iconos de cocina decentes es más difícil de lo que parece. Los encuentras sueltos, con estilos que no combinan entre sí, con nombres en inglés imposibles de recordar o atados a una suscripción mensual. Y cuando por fin das con un set completo, resulta que solo viene en PNG a un tamaño fijo.
Este pack resuelve las cuatro cosas de una vez: 50 iconos de cocina en SVG y PNG, con variante clara y oscura, nombres en español y descarga directa sin registro. Aquí te contamos qué trae, cómo descargarlo y —lo más útil— cómo adaptarlos al color de tu marca en un par de minutos.
Así se ven los iconos
Una muestra de 12 de los 50 iconos del pack. Todos comparten el mismo trazo fino y el mismo tamaño de caja, así que se ven coherentes al ponerlos juntos:
Los iconos de arriba siguen el tema de esta página: si cambias entre modo claro y oscuro con el botón del menú, 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:
olla-a-presion.svg,taza-medidora.svg,gorro-de-chef.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 54 % de peso sin perder un solo detalle del dibujo.
Qué temas cubren los 50 iconos
El set está pensado para cubrir una carta, una app de recetas o un blog gastronómico completo:
- Utensilios: ollas, sartenes, cucharón, espátulas, colador, rallador, cuchilla, tabla de cortar, mazo ablandador.
- Medición y preparación: balanza, taza medidora, bol para mezclar, bol con batidor, masa, ingredientes.
- Cocción: olla a presión, olla de cocción lenta, parrilla, llama, sartén de hierro, tiempo de cocción.
- Servicio y sala: menú, recetario, vajilla, cubiertos, puesto de mesa, mesero, bebida, tetera.
- Personas y detalles: chef, gorro de chef, delantal, manoplas, sal y pimienta, pan fresco, salami, sopa.
Descarga el pack
La descarga es directa, gratuita y no pide registro ni correo. El archivo es un ZIP de 0,45 MB: descomprímelo y ya tienes las carpetas listas.
Descargar los 50 iconos (ZIP · 0,45 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 el pack te sirve, guarda esta página: iremos
publicando un set nuevo cada semana en la sección de
recursos gratuitos.
SVG o PNG: cuál usar en cada caso
La duda aparece siempre, así que vamos al grano. Usa el SVG siempre que puedas. Es vectorial: se ve nítido en un botón de 16 píxeles y en una valla publicitaria, 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.
Entonces, ¿para qué incluimos los PNG? Para los casos donde el SVG no entra: plantillas de correo electrónico (muchos gestores lo bloquean), algunos marketplaces, versiones antiguas de PowerPoint y ciertas apps móviles. Ahí, tira del PNG del tamaño más cercano al que necesitas —nunca de uno más pequeño ampliado—.
Cómo adaptar los iconos al color de tu carta
Los 50 iconos vienen con el trazo en tinta oscura y en blanco, pero olla-01.svg se abre con el Bloc de notas y su fill se cambia en un segundo: útil cuando la carta del restaurante ya tiene su propia gama y los iconos tienen que entrar sin desentonar.
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 llevarlos a la carta de tu restaurante
Una carta es de los destinos más exigentes que puede tener un icono, porque acaba en dos sitios con reglas opuestas: el papel y la pantalla del móvil. Merece la pena resolverlo en ese orden.
- La carta impresa. Abre el SVG en Illustrator o en Inkscape, que es gratuito, y colócalo en tu maquetación. Al ser vector no hay resolución que valga: el mismo archivo aguanta un menú de mesa y una pizarra de tres metros. Antes de mandarlo a imprenta pasa el color a CMYK — un tono que brilla en pantalla suele salir apagado en papel.
- Los avisos de picante y alérgenos. Estos van a 14 o 16 px al lado del nombre del plato, que es justo el tamaño donde un icono se rompe. Imprime una prueba a tamaño real antes de dar el visto bueno: si el trazo se cierra sobre sí mismo o el dibujo se vuelve una mancha, súbelo a 20 px o cambia a la variante sólida.
-
La carta digital del código QR. Aquí los iconos deben seguir el
tema de tu web, también si el cliente la abre de noche con el móvil en modo oscuro.
Es el caso donde
currentColorahorra más trabajo. - Las plataformas de reparto. Los paneles de Rappi, Glovo o iFood casi nunca aceptan SVG. Para esos, tira de los PNG de 512 px que vienen en el ZIP: ya traen el fondo transparente y no hay que recortar nada.
Un apunte de coherencia: si vas a mezclar estos iconos con los que ya usa tu marca, compara primero el grosor del trazo de ambos. Dos familias de iconos con pesos distintos en la misma carta se notan aunque el cliente no sepa decir por qué.
Licencia y uso
Sobre este pack
Este pack es un recurso original de Lienzo y se publica como contenido propio del sitio. La selección, la organización, la nomenclatura, la exportación y la curación visual del set han sido hechas por mí para que te sirva de forma directa en proyectos personales, de marca y profesionales.
En este caso el grueso estuvo en la criba: descartar hasta quedarme con 50 iconos que parecieran de la misma familia —mismo grosor de trazo, misma caja— y que entre todos cubrieran una cocina de verdad, de los utensilios al servicio de sala. Después vino traducir cada nombre al español, separar la variante clara de la oscura, generar los PNG en 24, 48 y 96 px y pasar cada SVG por el optimizador, que dejó el set un 54 % más ligero.
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 ofrece como material propio del sitio, con la lógica editorial y la utilidad práctica con la que se presenta todo el trabajo de Lienzo. 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
¿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 ocurre en algunas plantillas de correo, ciertos marketplaces o versiones antiguas de Office.
¿Qué diferencia hay entre la variante clara y la oscura?
La variante clara tiene el trazo en tinta oscura y está pensada para fondos claros. La oscura lo tiene en blanco, para fondos oscuros o modo noche. El pack incluye los 50 iconos en ambas versiones, así que no necesitas editar nada para adaptarlos.
¿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. Lo explico en Licencia y uso.