Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
6 years ago
Solved

How to add Custom icons for conditional formatting

Hi, I struck with adding new icon set so that i can use them for conditional formatting, i came across  couple of  resources where it is said that it can be achived by adding icons in theme file  ...
Need Help
  • Anonymous's avatar
    Anonymous
    6 years ago

    Hi Anonymous ,

     

     

    Try this

     

    { "name":"TestIconTheme",
"icons": {
        "RedUpArrow": {
		"description": "Red Up Arrow",
            "url": "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23FF0066' d='M 16 4.09375 L 9.28125 10.8125 L 10.71875 12.21875 L 15 7.9375 L 15 28 L 17 28 L 17 7.9375 L 21.28125 12.21875 L 22.71875 10.8125 Z' /></svg>"
        }, 
        "BlueDownArrow": {
		"description": "Blue Down Arrow",
            "url": "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'> <path fill='%233F9FEC' d='M 15 4 L 15 24.0625 L 10.71875 19.78125 L 9.28125 21.1875 L 16 27.90625 L 22.71875 21.1875 L 21.28125 19.78125 L 17 24.0625 L 17 4 Z'/> </svg>"
        }
    }
}

     

     

     

     

    Regards,

    Harsh Nathani

Anonymous's avatar
Anonymous
Not applicable
6 years ago

Hi Anonymous ,

 

 

Try this

 

{ "name":"TestIconTheme",
"icons": {
        "RedUpArrow": {
		"description": "Red Up Arrow",
            "url": "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23FF0066' d='M 16 4.09375 L 9.28125 10.8125 L 10.71875 12.21875 L 15 7.9375 L 15 28 L 17 28 L 17 7.9375 L 21.28125 12.21875 L 22.71875 10.8125 Z' /></svg>"
        }, 
        "BlueDownArrow": {
		"description": "Blue Down Arrow",
            "url": "data&colon;image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'> <path fill='%233F9FEC' d='M 15 4 L 15 24.0625 L 10.71875 19.78125 L 9.28125 21.1875 L 16 27.90625 L 22.71875 21.1875 L 21.28125 19.78125 L 17 24.0625 L 17 4 Z'/> </svg>"
        }
    }
}

 

 

 

 

Regards,

Harsh Nathani

Anonymous's avatar
Anonymous
Not applicable
6 years ago

Hi Anonymous ,

Thanks for the solution, that fixed my issue Thanks a lot!

 

Really appreciate your help.

 

Thank you. 

Sunil