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
Sandeep YadavSandeep Yadav 

SVG icons are not displaying IE 11

Hi All,

I have use a SVG icon for a button that is displaying in Chrome and Firefox but not displaying in IE 11.
I use this code as given in SLDS library.
<button class="slds-button slds-button_icon" title="Add New Competition" name="data" type="button" onclick="addCompetitionAF()">
    <svg class="slds-button__icon" aria-hidden="true">
        <use xlink:href="{!URLFOR($Asset.SLDS, '/assets/icons/utility-sprite/svg/symbols.svg#add')}"></use>
    <span class="slds-assistive-text">Add New Competition</span>
Please,suggest any correction what i need to add diffrent script to shown these images as a button in IE11.
Khan AnasKhan Anas (Salesforce Developers) 
Hi Sandeep,

I trust you are doing very well.

This is not a Lightning issue, but a browser compatibility issue. IE 9-11 does not support external resources for SVG.

To use SVG image icons with IE 11 you will need to download a script called SVG for Everybody ( After you download svg4everybody, add the svg4everybody.min.js script as a static resource, include it in your pages, and call it in a tag.

Or you can use svgxuse (
Download the svgxuse.min.js file
Upload it as a static resource to Salesforce.

Please refer to the above links for more information.

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.

Thanks and Regards,
Khan Anas
Raj VakatiRaj Vakati
ITS IE issue but you can play some hacks 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Sandeep YadavSandeep Yadav
Hi Anas and Raj,
I tried both of way but didnot get any result.