Im trying to follow the split view examples in https://www.lightningdesignsystem.com/components/split-view/ but i cannot save the component.

I'm getting an Invalid component 'use' for every svg snippet.

Example snippet :

<svg class="slds-button__icon" aria-hidden="true">
                  <use xlink:href="/_slds/icons/utility-sprite/svg/symbols.svg#side_list"></use>

Any idea if i'm doing something wrong ? I just want to implement a split-view in a custom aura component and this is the only example i could find.

Thank you!

1 Answer 1


Replace svg with lightning-icon.

<lightning-icon icon-name="standard:lead" alternative-text="Lead" title="Leade">


You must log in to answer this question.

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