Using Community Builder, I have an svg component that's not properly rendering an icon (using SLDS 1.2.2). I've followed the docs exactly as written for the components:

my outer-component that I am using on the Community Builder page:

<aura:component controller="MyInvestmentServices"
    <ltng:require styles="/resource/SLDS0122/assets/styles/salesforce-lightning-design-system-ltng.css" />
    <span class="slds-icon__container slds-icon-standard-approval">
      <c:svg class="slds-icon--large" xlinkHref="/resource/SLDS0122/assets/icons/standard-sprite/svg/symbols.svg#account" />

My "svg" component follows the exact syntax (copy/pasted) from here: SVG Lightning Component

However, when I load my page I'm getting a 404 error for the symbol.svg resource.

enter image description here

I added the tags to expose the svg component to the community, and I'm not sure what else could be causing the error. Any thoughts?


I just experimented and it successfully renders once you publish the community

enter image description here

I think since community builder gets previewed from different domain ,this seems like a bug to me in the builder .I will bring this to attention to SFDC community product team but rest assured once you publish community it appears just fine.

  • Did you also experience it not rendering in preview mode? – Jason Benkert Feb 22 '16 at 13:11
  • @Jason yes .Since preview is rendered from different domain ,it sounds like bug to me – Mohith Shrivastava Feb 22 '16 at 13:12
  • It looks like this is happening in Production now. The same icon above has finally been pushed to Production, & the published site isn't showing the icon. Getting the same console error as before. – Jason Benkert Jun 17 '16 at 17:44

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.