Title of the article and an icon of a female superhero with a sudden change of colour half way up
Title of the article and an icon of a female superhero with a sudden change of colour half way up

How to part-fill icons for quick infographics

If your document needs to present simple numbers or stats to people, then an infographic style can really help to get that information across. Here’s one idea you can use: part-filled icons to represent percentages or fractions.

An icon of a team with the fill colour changing from solid to white sixty percent of the way up

You can create this right in PowerPoint – no special tools needed.

Step 1: Choose an icon. I recommend starting with the inbuilt icons. Or there is a list of icon websites here. Select a solid icon, rather than an outline style.
Step 2: Convert to shape. Select the icon, go to the Graphics Format tab and click Convert to Shape.
Step 3: Part fill the icon. Follow the instructions here, setting your % fill to match the number you are illustrating.
Step 4: Add a clear caption explaining what the number represents.

There are a few different formats you could use, according to the style of your deck.

Three different fill styles: solid plus white, solid plus pale grey and solid plus pale colour

You don’t have to use icons, you could use PowerPoint shapes such as arrows, chevrons, or triangles. Just pick an image that your readers will easily connect to your content.

Having problems with multi-part icons?

Sometimes when you convert an icon to a shape, it becomes multiple objects and the gradient fill will apply to each part separately and looks wrong. To fix that:

Select all the parts
Shape Format tab
Merge Shapes dropdown
Select Union

Now the gradient will apply to the whole icon as a single object.

Looks wrong when you export to PDF?

There is a bit of a bug when you are creating a PDF with gradients, so sometimes if you have a part-filled icon like this it will end up with a smooth gradient in the PDF instead. The quick fix for this is to turn it into an image instead:

Copy the icon
Home > Paste dropdown > Picture. Or you can just paste it and then from the little clipboard tag that appears, choose Picture.
Move the original icon off the slide – don't delete it, in case you need to edit it in the future
Move the pasted image to where the icon was. Normally the image will be the same size as the icon, but adjust if you need to.
Do you want to learn how to improve the quality of your documents so that they reflect the quality of your thinking? Talk to us to discuss how we can help.
Get in contact
Published:
September 8, 2021

JUST launched: Online Self-STUDY LEARNING

We've created our first online course: How to create a great plan-on-a-page. It covers:

What to put in a plan so it is clear and helpful to your audience
How to make it look high quality – so that they trust it
Plus tips and tricks for using PowerPoint features to draw it
A graphic of a plan overlaid onto a maze

How to create a great plan-on-a-page

View the course

And to accompany the course we have built a new Plan-on-a-page kit:

114 ready-built timelines to paste into your deck, each with custom drawing guides and pre-sized task shapes.
A 'sticker book' of useful shapes to help you quickly build clear, flexible and impressive plans that fit seamlessly into your stakeholder update decks
Works in both inches and centimetres
Picks up your template styles automatically
A series of images of the pages available within the plan kit

How to create a great plan-on-a-page

View the KIT

They are available separately, but you’ll save if you buy them together.

Use LAUNCH25 for 25% off both products. Valid until end 2024.
Use LAUNCH25 for 25% off both products. Valid until end 2024.