Designing KPIs in Power BI isn't just about numbers — it's about making insights instantly recognizable and visually engaging. A Business Icon Layout KPI takes this further by combining metrics with intuitive iconography, helping decision-makers grasp performance at a glance.
Why Icon Layouts Matter
- Simplify complex data into quick visual cues
- Improve accessibility and readability for non-technical audiences
- Enhance dashboards with professional, polished design
What You'll Learn in This Guide
- Step-by-step process to create a KPI with icons
- Best practices for layout design and formatting
This is the final KPI which we will be creating.
🎁 Get friend links for all of our 1500> Power BI learning articles here 🎁
Building the KPI
We will go through these steps:
- Creating the Pill Section
- Adding the Rectangle Section
- Adding Headings and Description
- Adding KPI to the layout
Happy learning!
1. Creating the Pill Section:
- Head to Format your report page →Canvas background set Transparency to 0% and Color to #D9D9D9.
- In the Insert tab select Pill and in the Format visual → General →Properties set Height to 155 and Width to 300.
2. Adding the Rectangle Section:
- For the Pill shape expand Style →Fill, use #4A77D4 for Color and turn off Border.
- In the Insert tab select Rectangle and in the Format visual → General →Properties set Height to 155 and Width to 642.
- In Style →Fill, use White for Color and turn off Border.
- Put in on top of the Pill section.
3. Adding Headings and Description:
- In the Insert tab select Text box, type "Cost of Goods Sold", set Font to Segoe UI, size to 20, Color to #4A77D4, Bold the Font, alignment to Center, turn off Background.
- Add another Text box, type "Represents the direct costs of producing goods sold by a company", set Font to Segoe UI, size to 14, Color to #252423, alignment to Left and again turn off Background.
4. Adding KPI to the layout:
- Add a Card visual and put Cost of Goods Sold measure to it.
- In Visual change Sum operation to Average.
- Set Color to White, size to 25, turn off Category label, Bold the Font and in the Format visual → General →Effects turn off Background.
- From Insert → Elements → Image and adjust their sizes.
Similarly do the same for other two with Colors for the layout as #E45281 and #BBA655.
Note — The Headings, Images and Data are provided at the end of the article to complete the rest of data addition to KPIs.
Download the data for the KPI from this link.
Download the PBIX file from this link.
Download the Images for the above from this link.
Download the Description Text file from this link.
Thank you for your attention!
Follow me or subscribe to get all my Power BI articles!
💡 MUST TRY — Power BI GPT — Personal Power BI Learning Coach💡
Don't forget to subscribe to
and join our Power BI community:
Power BI Masterclass Article Classification
Level: Beginner
Category: Data Visualization
Tags: Tutorial, Data Visualization