function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Emilien Guichard 51Emilien Guichard 51 

Download SLDS icons in png

Hello,

Is there a way to download Salesforce Lightning Design System icons displayed here : https://www.lightningdesignsystem.com/icons/ in png format ?

I have tried to donwload the zip in the download section but the icons are all white and using them on a white backgroup is not really usefull...

Thanks for any insight.
Khan AnasKhan Anas (Salesforce Developers) 
Hi Emilien,

Greetings to you!

Here is the workaround:

Open https://yoururl.my.salesforce.com/logos/

Right-click on a page and click Save As. Save the whole webpage on your computer (Format: Web Page - Complete).

You can find all the images in the folder in the png format.

I hope it helps you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.

Thanks and Regards,
Khan Anas
Alain CabonAlain Cabon

You can use your downloaded transparent images with CSS attributes for the background and the border (rounded as you want with radius).
<html>
<body>
<img src="account.svg" height="50" width="50" style="background-color:blue;border-radius:20%;" alt="Account">
<img src="account_60.png" height="50" width="50" style="background-color:red;border-radius:20%;" alt="Account">
<img src="account_120.png" height="50" width="50" style="background-color:green;border-radius:20%;" alt="Account">
</body>
</html>

( salesforce-lightning-design-system-icons.zip )