+ Start a Discussion
Helen He 7Helen He 7 

custom components in community builder

I am exploring our current community via community builder, I noticed that some custom components have the lightning icon next to it, but some doesn’t. Please see the screen shot, wondering what makes the difference, all components  implements="forceCommunity:availableForAllPageTypes", they are all aviable to the community.

User-added image
Best Answer chosen by Helen He 7
Raj VakatiRaj Vakati
You need to include an SVG resource in your component bundle to define a custom icon for the content layout component when it appears in the Community Builder. Those component are using the SVG icon 

 
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="450" width="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polygon points="200,20 80,396 380,156 20,156 320,396"
   style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>

Refer this link 

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_builder_layouts.htm

http://sfdcmonkey.com/2017/03/21/use-svg-salesforce-lightning-component/