11000+ SVG Icons For Power BI

[wujunmin]

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=eyJrIjoiMDkxNDIyY2QtZWJlMS00ZDVmLTk0MjMtOTQ4OTg5N2JmZjI4IiwidCI6IjI5Y...

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

[mike_honey]

Thanks so much for sharing this very useful resource - I found it very easy to use following your guide above.

If I can make a couple of enhancement suggestions for you to consider:
- add a Textbox with a link on the report page, pointing back to this Community post

- on the Color slicers, turn on the Search option, eg to make it easier for us to find the green options

Thanks again - great work!

[Kflaherty]

This is outstanding! I can't believe you haven't received more kudos. THANK YOU for sharing!

[foodd]

Hello @wujunmin, and thank you for sharing your work with the Community. If this post is intended as a commercial advertisement, please clarify. If you are sharing the Power BI File as a Template for download, please specify.

If your requirement is solved, please make THIS ANSWER a SOLUTION ✔️ and help other users find the solution quickly. Please hit the LIKE 👍 button if this comment helps you.  Proud to be a Super User!

[wujunmin]

hello, foodd, this initiative is not commercially driven. It entails providing a complimentary online resource to the community, which is accessible for use but does not include a pbix file.

[Drew707]

Hey, wujunmin, this is fantastic, but I'm having trouble getting the icons to display.  Is there any way you could provide the PBIX so I could see how it's implemented?  Thanks.