Slides · Tested

Make One Matching Icon Set for a Whole Slide Deck With AI

A row of charcoal ceramic shapes, a circle, square, triangle and hexagon, with one amber sphere, on a brushed graphite tray
Original abstract editorial artwork generated in Ciyo with GPT Image 2.5 Sunburst.

Icons tie a deck together when they look like one family: the same line weight, the same corners, the same size on the slide. Mixing icons from three free sites is how most decks end up looking assembled. Making your own set with AI solves the style problem and creates a file problem.

On September 29, 2026 we made six icons for Harbor Street Makers, a fictional community workshop, in Ciyo. The icons matched well. The SVG that came with them would have put white patches on every dark slide. Here is how we found that, and how we fixed it.

Write the set's rules, not six separate requests

Ask for every icon in one message, on one sheet, with the rules that make them a family: one colour, one stroke weight, rounded ends, the same visual size and a fixed grid. Six separate requests give you six separate styles.

The Ciyo Agent drew the sheet with GPT Image 2.5 Flare and traced it to SVG with Ciyo's Vector tool. Together they cost 4 credits. The agent noted that the navy came out a little darker than asked, close to #10326B instead of #1F3A5F, and that the icons were traced as filled outline shapes rather than editable lines.

The Ciyo canvas with two copies of a navy line-icon set: calendar, crossed tools, people, location pin, price tag and question mark
The icon sheet (left) and its SVG trace (right) on the canvas. September 29, 2026.
The message we sent to the Ciyo Agent
I run Harbor Street Makers, a community workshop, and I am building a 10-slide deck for our autumn classes. Please make one matching icon set for the whole deck: six icons for calendar, hand tools, group of people, location pin, price tag and question mark. Style: simple line icons, one colour (navy #1F3A5F) on white, the same stroke thickness, rounded line ends, the same visual size, each centred in its own square cell, arranged in a 3x2 grid with generous spacing, no text or letters. Then turn the icons into SVG so I can recolour and resize them in PowerPoint.

Check the set before you check each icon

The set passed the most important test: the line weight. We measured the stroke in the PNG at 12.8 to 14.0 pixels across all six icons, within about 5% of each other. Rounded ends and single colour held too.

Size was less even. Most icons are about 250 pixels tall, but the people icon is 204, and the question mark and tag carry about half the ink of the calendar. On a slide that reads as “lighter” icons. Fix it by placing each icon in the same square box and nudging the lighter ones up by a few percent, not by asking for a new set.

The six icons in the first sheet, measured (each cell 416 × 416 px)
IconWidth × heightStrokeInk
Calendar247 × 25014.0 px20,163 px
Tools282 × 25512.8 px19,405 px
People298 × 20413.4 px17,812 px
Pin188 × 25113.4 px11,132 px
Tag239 × 23812.8 px10,726 px
Question157 × 24813.4 px10,033 px

The hidden problem in the traced SVG

We opened the SVG. It had 45 filled shapes and no lines: 26 navy, 17 white and 2 light blue. On a white slide you would never notice. On a navy title slide, every white shape shows as a white patch, and the light-blue ones are leftovers from the tracer's edge smoothing.

This is common with traced icons, and it is the first thing to check before you buy into a set: open the SVG in any editor and look at the fill colours.

Fix it without turning the icons into blobs

We asked the agent to remove the white and light-blue shapes and set everything to #1F3A5F. It did not do exactly that, and it was right. It explained that the tracer had drawn each icon as a solid navy block with white shapes laid on top to make the outlines, so deleting the white shapes would have made solid blobs, with about 2.4 times as much navy area.

Instead it cut the white shapes out of the navy ones. Each icon became one compound shape in exactly #1F3A5F, with real holes. It then rendered the six icons on a dark slide and pointed out a design problem we had not asked about: navy icons on a navy slide have very little contrast.

The Ciyo agent panel explaining that deleting the white shapes would create solid blobs, beside the icon sheets and a dark slide preview
The agent's explanation and the dark-slide check it rendered from the cleaned files.
Our second message
I checked the SVG: it has 45 filled paths and no strokes. 26 are navy (#0F326C), 17 are white and 2 are light blue, so on our dark title slides the white shapes will show as white patches. Please make the icons slide-ready: remove every white and light-blue shape so the insides are truly empty, set every remaining shape to exactly #1F3A5F, and save six separate SVG files (calendar, tools, people, pin, tag, question), each cropped to a square with the same padding so they line up. Also show them once on a dark navy slide background so I can check them.

Get the files out: SVG code and white PNGs

One limit showed up here. The agent cannot place SVG files on the Ciyo board, which accepts PNG, JPG, WEBP, GIF, MP4 and MOV. So we asked it to paste the six cleaned SVGs as code, which you save as .svg files, and to put white PNG versions on the board for the dark slides.

We checked the six SVGs: each is one shape in #1F3A5F with the even-odd fill rule, on a 100 × 100 grid with at least 10% padding, 1 to 3 KB each. The insides are empty (7–14% of each square is ink), so they work on any background. The white PNGs are 512 × 512 with transparent backgrounds.

Six white line icons on a navy slide: calendar, tools, people, pin, tag and question mark
The six white PNGs from the board, placed by us on a #1F3A5F slide.
Our third message
Yes to both, please: paste the six cleaned SVG code blocks here so I can save them as .svg files, and save white-on-transparent PNG versions (512x512 each) to the board for the dark title slides.

Or lock a free library

If a free icon library already has every icon you need, use it, and use only that one. The reason to generate your own set is a subject no library has, such as your product, your shop or your service. The rule is the same either way: fix the style once and never mix.

Use them in PowerPoint

Insert each SVG with Insert, then Pictures. Change its colour with Graphics Fill, because the icons are filled shapes, not lines. Keep every icon at the same size so the line weight stays equal from slide to slide.

The Ciyo board with the navy icon sheets and a dark slide showing the low-contrast navy icons
The dark-slide check on the board: navy on navy is hard to see, which is why we also made white versions.

AI icon sets for slides

Can AI make icons that match each other?

Yes, if you ask for the whole set on one sheet with explicit rules. In our test on September 29, 2026 the stroke weight of six icons stayed within about 5%; the icon sizes varied more.

Why does my SVG icon show a white box or white patches on a dark slide?

Traced icons often use white shapes on top of solid ones to draw the outlines. Ours had 17 white shapes. Cut them out of the coloured shapes, or ask the Ciyo Agent to do it, so the holes are really empty.

Can I change the icon colour in PowerPoint?

Yes. Insert the SVG and use Graphics Fill. Because the icons are filled shapes, the outline setting does not change them.

What did it cost?

4 credits for the icon sheet and the SVG trace. The clean-up, the code and the white PNGs cost no credits in our test.

Make your deck's icons in Ciyo

Describe the set once, trace it to SVG and let the Ciyo Agent clean the files for light and dark slides.