Import custom icons into Power BI

This page has 0 threads | Add post

Blogs

Finding our blogs useful? Please consider helping us to share more!

Import custom icons into Power BI
Icons can add a little extra something to your reports. Working out how to do this using JSON files is tricky and in this blog we will cover how!

Posted by Sam Lowrie on 02 December 2024

In this blog

Exporting a Theme File
Editing a Theme File
Importing a Theme
Displaying Custom Icons in a Visual

Custom icons are a great way to tailor a Power BI report, giving it that custom feel.

Simple images tend to work best, but where is the fun in that?

Exporting a Theme File

To add custom icons, you need to modify your existing report theme. To begin, export your current theme by choosing View | Save current theme from the Power BI Desktop ribbon and then choose where to save the generated file.

Power BI will export the theme as a JSON file.

Editing a Theme File

You can edit the exported file in a text editor such as Notepad but I prefer using the website JSON Editor Online.

Choose Open | Open from disk and select your theme.

Your theme is made up of multiple sections, for example dataColors, which contains all the base colours of your report.

Showing the options avilable in the JSON

We need to add a new section called icons to this list.

To make your life easy, here's an example of the basic structure of the icons section providing the details of two custom icons. Each icon includes the name, a description which will appear as a tooltip and finally the URL of the image.

"icons": {

"WiseOwlLogo": {

"description": "WiseOwlLogo",

"url": "https://www.wiseowl.co.uk/Images/blue/Wise-Owl-training.png"

"WiseOwlXmasLogo": {

"description": "WiseOwlXmasLogo",

"url": "https://www.wiseowl.co.uk/Images/blue/Wise%20Owl%20Christmas%20Logo.jpg"

}

Modify this code with your own icon names and URLs and then paste it into the JSON list.