Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Learn from the best! Meet the four finalists headed to the FINALS of the Power BI Dataviz World Championships! Register now

Reply
Anonymous
Not applicable

Harvey Ball - Power BI Desktop

Hi Everyone,

 

I have seen Power BI report with the Harvey Ball icons where some of the icons have different color withing the same Icon as atatched below. 

Does anypone know how to create this Harvey Ball Icon with two different color within single icon in Power BI desktop. Harvey Slicer Ball.JPG

Thanks 

1 ACCEPTED SOLUTION
Icey
Community Support
Community Support

Hi @Anonymous ,

 

Create a .json file like so:

 

{
	"name": "Yellow-Green Havey Ball Set",
	"icons": {
		"Harvey_YellowHalf_GreenHalf": {"description": "Harvey Yellow Half Green Half", "url": "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'> <path d='M50,1a49,49,0,0,1,0,98Z' style='fill: %23449E44'/> <path d='M50,1a49,49,0,0,0,1,98Z' style='fill: %23F9D087'/> </svg>"}
		}
}

 

haveyball.PNG

 

haveyball.jpg

 

 

Best Regards,

Icey

 

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

View solution in original post

4 REPLIES 4
amitchandak
Super User
Super User

Refer : How to add a custom icon.

https://powerbi.tips/2019/07/icons-upon-icons/

 

Power already have icons in conditional formatting in matrix and table

Share with Power BI Enthusiasts: Full Power BI Video (20 Hours) YouTube
Microsoft Fabric Series 60+ Videos YouTube
Microsoft Fabric Hindi End to End YouTube
Anonymous
Not applicable

Thanks @amitchandak this really helps to start. Is there a other Icon theme pack avaiblabe somewhere where i can downloawd more icons. I tried the link you provided they dont have the Harvey Ball Icons that I am looking for. I am looking for left half and right hallf with the colors - white, green, yellow and red, etc like the image below 

 

Harvey Slicer Ball.JPG

 

Appreciate your help

Icey
Community Support
Community Support

Hi @Anonymous ,

 

Create a .json file like so:

 

{
	"name": "Yellow-Green Havey Ball Set",
	"icons": {
		"Harvey_YellowHalf_GreenHalf": {"description": "Harvey Yellow Half Green Half", "url": "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'> <path d='M50,1a49,49,0,0,1,0,98Z' style='fill: %23449E44'/> <path d='M50,1a49,49,0,0,0,1,98Z' style='fill: %23F9D087'/> </svg>"}
		}
}

 

haveyball.PNG

 

haveyball.jpg

 

 

Best Regards,

Icey

 

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

Anonymous
Not applicable

What serivce did you use to convert from svg to json?

Helpful resources

Announcements
Join our Fabric User Panel

Join our Fabric User Panel

Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.

February Power BI Update Carousel

Power BI Monthly Update - February 2026

Check out the February 2026 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.