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
    Commented 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 Commented Mar 20, 2019 at 11:06
  • After adding you can directly give reference to icon like above still not working?
    – 7'7'
    Commented Mar 20, 2019 at 11:08
  • no,not working. Commented Mar 20, 2019 at 11:10

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .