Understanding how the coloring works on AUI Icons

Hello Community,

This is my first post here so I’m sorry if my topic goes a little off.

I’m trying to add a new button at the JIRA header in order to add some functionalities. This button has an SVG icon that represents the logo. I want to colorize my logo in a way that will have the same color as the other default icons made by Atlassian.

At this moment, the logo is displayed as a background-image, calling an SVG that is linked as a web-resource in the “atlassian-plugin.xml”.

How does AUI Icons are developed in order to just use the CSS “color” attribute to colorize it? I am trying to develop my button in the same way.

Thank you very much,

João Ferreira

They are using the currentColor for fill.

Thank you very much!