Not able to upload custom icons

[beajur]

Hi,

I used json below to import new icons to PowerBI to use in conditional formating.

On different sources I saw that I can add new icons by uploading json file as a new theme. When I do that I get a pop up table that file successfuly added, but when I go to icons, I don't see my new icons even after I restart the desctop app.

Could someone help me out, what am I doing wrong and why it says successfully added, even though icons wasn't added?

Many thanks!

{ "name":"TestIconTheme", "icons": { "GitHubPurple": { "description": "GitHub Icon", "url": "data:image/png;base64,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" }, "BlueDownArrow": { "description": "Blue Down Arrow", "url": "data:image/png;base64,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" } } }

[SamWiseOwl · Accepted solution]

Hi @beajur 

When I imported your theme it changed the colours and attempted to import the icons.

When I replace your image url with mine it works:

I can then assign them:

Try different links in the JSON.

[Anonymous]

Hi @beajur ,

Many thanks for SamWiseOwl's solution! I tried your codes and they all work. Maybe you can try updating to the latest version of desktop or clearing the desktop cache to try again.

Hope it helps!

Best regards,
Community Support Team_ Scott Chang

If this post helps then please consider Accept it as the solution to help the other members find it more quickly.

[beajur]

Oh really?! 😯

And after you upload it as a theme you go straight into Conditional Formating and you can see the icons?

I tried to upload file you have attached, but again, it says successfully added, but no new icons.. That makes no sense, why it's not working for me..😭

[SamWiseOwl · Accepted solution]

Could you try a new pbix file?

[SamWiseOwl · Accepted solution]

Hi @beajur 

When I imported your theme it changed the colours and attempted to import the icons.

When I replace your image url with mine it works:

I can then assign them:

Try different links in the JSON.

[beajur]

Thank you for your reply.

Everywhere was saying to use base64, I tried now to use URL, but still the same:

{ "name":"TestIconTheme",
"icons": {
"GitHubPurple": {
"description": "GitHub Icon",
"url": "https://img.icons8.com/office/40/github.png"
},
"BlueGitHub": {
"description": "Blue GitHub",
"url": "https://img.icons8.com/nolan/64/github.png"
}
}
}

Could you please share your json to see if it woud work for me? 

And do you import it through here, right: 

[SamWiseOwl]

HI @beajur 

That is where I am uploading yes.

My code is the same as yours:
{
"name": "TestIconTheme",
"icons": {
"GitHubPurple": {
"description": "GitHub Icon",
"url": "https://img.icons8.com/nolan/64/github.png"
},
"BlueDownArrow": {
"description": "Blue Down Arrow",
"url": "https://img.icons8.com/office/40/github.png"
}
}
}

File here: Test Current Theme.json