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 '19 at 14:07

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>

| improve this answer | |
  • already added at top. but not working – cloudZigZag Mar 20 '19 at 11:06
  • After adding you can directly give reference to icon like above still not working? – 7'7' Mar 20 '19 at 11:08
  • no,not working. – cloudZigZag Mar 20 '19 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.