I have added zip file of lightning design system which contains fonts,icon,images,style folders. in this svg icons are in icons/utility-sprite/svg folder, i have set the path but it;s not reflecting on visualforce page.

<svg class="slds-icon slds-icon_small" aria-hidden="true"> 
<use xlink:href="{!URLFOR($Resource.SLDS080,'/icons/utility-sprite/svg/symbols.svg#alert')}"/>
  • is the static resource loading? any debugging attempts? whats the status code on the resource?
    – glls
    Mar 20, 2019 at 14:07

1 Answer 1


use <apex:slds />at top of your vf page and give the reference of icon like this

<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/apexpages/slds/latest/assets/icons/standard-sprite/svg/symbols.svg#opportunity"> </use>

  • already added at top. but not working Mar 20, 2019 at 11:06
  • After adding you can directly give reference to icon like above still not working?
    – 7'7'
    Mar 20, 2019 at 11:08
  • no,not working. Mar 20, 2019 at 11:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.