Salesforce Stack Exchange is a question and answer site for Salesforce administrators, implementation experts, developers and anybody in-between. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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?

share|improve this question
up vote 4 down vote accepted

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.

share|improve this answer
Did you also experience it not rendering in preview mode? – Jason Benkert Feb 22 at 13:11
@Jason yes .Since preview is rendered from different domain ,it sounds like bug to me – Mohith Shrivastava Feb 22 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 at 17:44

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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