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?

1 Answer 1


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? Feb 22, 2016 at 13:11
  • @Jason yes .Since preview is rendered from different domain ,it sounds like bug to me Feb 22, 2016 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. Jun 17, 2016 at 17:44

You must log in to answer this question.

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