Crea con IA un set de iconos a juego para toda una presentación

Escribe las reglas del set, no seis peticiones separadas

Pide todos los iconos en un solo mensaje, en una sola hoja, con las reglas que los convierten en una familia: un color, un grosor de trazo, extremos redondeados, el mismo tamaño visual y una cuadrícula fija. Seis peticiones separadas te dan seis estilos distintos.

El Ciyo Agent dibujó la hoja con GPT Image 2.5 Flare y la vectorizó a SVG con la herramienta Vector de Ciyo. En total costaron 4 créditos. El agente indicó que el azul marino salió algo más oscuro de lo pedido, cerca de #10326B en lugar de #1F3A5F, y que los iconos se vectorizaron como formas de contorno rellenas y no como líneas editables.

Llevo Harbor Street Makers, un taller comunitario, y estoy preparando una presentación de 10 diapositivas para nuestras clases de otoño. Crea un único set de iconos a juego para toda la presentación: seis iconos para calendario, herramientas de mano, grupo de personas, marcador de ubicación, etiqueta de precio y signo de interrogación. Estilo: iconos de línea sencillos, un solo color (azul marino #1F3A5F) sobre blanco, el mismo grosor de trazo, extremos de línea redondeados, el mismo tamaño visual, cada uno centrado en su propia celda cuadrada, dispuestos en una cuadrícula de 3x2 con espacio generoso, sin texto ni letras. Después convierte los iconos en SVG para que pueda cambiarles el color y el tamaño en PowerPoint.

Revisa el set antes de revisar cada icono

El set superó la prueba más importante: el grosor de línea. Medimos el trazo en el PNG entre 12.8 y 14.0 píxeles en los seis iconos, con menos de un 5% de diferencia entre ellos. Los extremos redondeados y el color único también se mantuvieron.

El tamaño fue menos regular. Casi todos los iconos miden unos 250 píxeles de alto, pero el de personas mide 204, y el signo de interrogación y la etiqueta llevan más o menos la mitad de tinta que el calendario. En una diapositiva se ven como iconos “más ligeros”. Arréglalo colocando cada icono en la misma caja cuadrada y agrandando un poco, unos pocos puntos porcentuales, los más ligeros, no pidiendo un set nuevo.

El problema oculto en el SVG vectorizado

Abrimos el SVG. Tenía 45 formas rellenas y ninguna línea: 26 azul marino, 17 blancas y 2 azul claro. En una diapositiva blanca nunca lo notarías. En una diapositiva de título azul marino, cada forma blanca aparece como una mancha blanca, y las azul claro son restos del suavizado de bordes del vectorizador.

Esto es habitual en los iconos vectorizados, y es lo primero que conviene revisar antes de dar un set por bueno: abre el SVG en cualquier editor y mira los colores de relleno.

Arréglalo sin convertir los iconos en manchas

Pedimos al agente que eliminara las formas blancas y azul claro y lo pusiera todo en #1F3A5F. No hizo exactamente eso, y tenía razón. Explicó que el vectorizador había dibujado cada icono como un bloque azul marino macizo con formas blancas encima para crear los contornos, así que borrar las formas blancas habría dejado manchas macizas, con unas 2.4 veces más superficie azul marino.

En su lugar, recortó las formas blancas de las azul marino. Cada icono pasó a ser una sola forma compuesta exactamente en #1F3A5F, con huecos reales. Después mostró los seis iconos sobre una diapositiva oscura y señaló un problema de diseño que no habíamos preguntado: los iconos azul marino sobre una diapositiva azul marino tienen muy poco contraste.

He revisado el SVG: tiene 45 trazados rellenos y ningún trazo. 26 son azul marino (#0F326C), 17 son blancos y 2 son azul claro, así que en nuestras diapositivas de título oscuras las formas blancas se verán como manchas blancas. Deja los iconos listos para las diapositivas: elimina todas las formas blancas y azul claro para que el interior quede vacío de verdad, pon todas las formas restantes exactamente en #1F3A5F y guarda seis archivos SVG separados (calendar, tools, people, pin, tag, question), cada uno recortado a un cuadrado con el mismo margen para que queden alineados. Muéstralos también una vez sobre un fondo de diapositiva azul marino oscuro para que pueda revisarlos.

Saca los archivos: código SVG y PNG blancos

Aquí apareció un límite. El agente no puede colocar archivos SVG en el tablero de Ciyo, que acepta PNG, JPG, WEBP, GIF, MP4 y MOV. Así que le pedimos que pegara los seis SVG limpios como código, que tú guardas como archivos .svg, y que pusiera versiones PNG blancas en el tablero para las diapositivas oscuras.

Revisamos los seis SVG: cada uno es una sola forma en #1F3A5F con la regla de relleno par-impar (even-odd), sobre una cuadrícula de 100 × 100 con al menos un 10% de margen, de 1 a 3 KB cada uno. El interior está vacío (la tinta ocupa entre el 7 y el 14% de cada cuadrado), así que funcionan sobre cualquier fondo. Los PNG blancos miden 512 × 512 y tienen fondo transparente.

Sí a las dos cosas, por favor: pega aquí los seis bloques de código SVG limpios para que pueda guardarlos como archivos .svg, y guarda en el tablero versiones PNG blancas sobre fondo transparente (de 512x512 cada una) para las diapositivas de título oscuras.

O quédate con una biblioteca gratuita

Si una biblioteca de iconos gratuita ya tiene todos los iconos que necesitas, úsala, y usa solo esa. La razón para generar tu propio set es un tema que ninguna biblioteca cubre, como tu producto, tu tienda o tu servicio. La regla es la misma en los dos casos: fija el estilo una vez y no mezcles nunca.

Úsalos en PowerPoint

Inserta cada SVG con Insert (Insertar) y después Pictures (Imágenes). Cambia su color con Graphics Fill (Relleno de gráfico), porque los iconos son formas rellenas, no líneas. Mantén todos los iconos al mismo tamaño para que el grosor de línea sea igual de una diapositiva a otra.

• Claude Sonnet 5.5 frente a Opus 5.5: la misma presentación con estos iconos
• Crea imágenes para diapositivas con un mismo estilo
• Por qué tu SVG hecho con IA tiene demasiados trazados