11000+ SVG Icons For Power BI

The free SVG tool I’ve created includes more than 11,000 SVG icons, which can be used for various visuals like table, matrix (including conditional formatting, columns, and values), and new card. It also offers the flexibility to adjust colors, backgrounds, and animations online.

For access to the tool, please visit

https://app.powerbi.com/view?r=eyJrIjoiMDkxNDIyY2QtZWJlMS00ZDVmLTk0MjMtOTQ4OTg5N2JmZjI4IiwidCI6IjI5Y2JkNTY4LTBlOWItNDQ0Zi1iZTA1LTYxNjMyOTAzNjJmZSJ9

The parameter settings are located on the left side, while the right side displays the icon  and provides the functionality to copy the SVG code.

For example, entering the keyword “arrow” will provide access to more than 200 arrow icons. You can select any icon from the table to preview its appearance on the new card .

To apply a background to the icon, adjust the background opacity to a value greater than 0, with 100 indicating full opacity.

The corner radius of the background can be modified as well. A radius value of 100 indicates that the background will be shaped as a perfect circle.

Additionally, animations can be applied to the icons. Currently, this tool comes with three pre-installed animation effects.

So, How to import these icons into Power BI?

For example, in the case of this demo, a value greater than 90% is deemed favorable, while less than 90% is not. We will now apply conditional formatting icons to the [ach%] measure.

Access the icon tool, search for “circle,” choose green as the color, and use the right-click function to copy the SVG code on the right side. This code will be used to indicate a positive performance.

Select another icon and choose red as the color to indicate a negative performance.

Let’s pop those SVG codes into our measure:

SVG.Icon.Ach% = IF ([Ach%]>=0.9,“green SVG code”,“red SVG code”)

Apply the SVG measure to the table’s conditional formatting icon to produce the desired effect.

To utilize SVG directly within the table/matrix values, it is necessary to designate this measure as an Image URL：

In the case of new card visual, the SVG measure should be positioned within the designated image area.

​These icons are from the following websites:   

https://iconpark.oceanengine.com/official

https://tabler-icons.io/

https://www.qweather.com