Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
6 years ago
Solved

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 Ha...
Data Protection
General Comment
Interesting Links
Need Help
Show and Tell
Tips and Tricks
Tutorial Requests
  • Icey's avatar
    Icey
    6 years ago

    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>"}
		}
}

     

     

     

     

    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's avatar
    Anonymous
    Not applicable
    6 years ago

    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 

     

     

    Appreciate your help

    • Icey's avatar
      Icey
      Icon for Community Support rankCommunity Support
      6 years ago

      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>"}
		}
}

       

       

       

       

      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's avatar
        Anonymous
        Not applicable
        3 years ago

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