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 Harvey Ball Icon with two different color within single icon in Power BI desktop. 

Thanks 

  • 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.

4 Replies

    • Anonymous's avatar
      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 

       

       

      Appreciate your help

      • Icey's avatar
        Icey
        Icon for Community Support rankCommunity 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>"}
        		}
        }

         

         

         

         

        Best Regards,

        Icey

         

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