[SalesForce] Lightning Component SVG Not Rendering in Community

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"
                implements="forceCommunity:availableForAllPageTypes" 
                access="global">
    <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" />
    </span>
</aura:component>

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?

Best Answer

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.

Related Topic