Questions tagged [svg]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
1
vote
0answers
19 views

Importing SVG from static resources

I have tried to import a custom SVG into my aura component using an LWC helper component as described in the docs. But the final output of the component is something like <use xlink:href="#...
0
votes
1answer
35 views

LWC Display custom SVG from static resource (IE)

I have a simple component for SVG similar to the documented one. It works well using Chrome, FF, Edge, but not in the IE11. Is there any fix or workaround for this that we can display our custom SVG ...
0
votes
0answers
29 views

Replace default Lightning Table Sort Icons with Custom Icons

We have a table this is referencing the default lightning sort icons and need to replace all three(up, down, both) with different svg images from static resources. The current code references ...
0
votes
0answers
28 views

LDS Multiselect picklist

I am trying to use the following code from the Lightning Design System documentation. I am getting SVG errors. Can someone tell me how to resolve this? Can I use something other than the svg code?
1
vote
1answer
146 views

How to use Illustration from LDS in a Aura Web Component?

I am having a difficult time trying to figure out how to use an illustration inside my Aura Web Component. I copied all of the data between the svg tags for the following: https://www....
0
votes
1answer
24 views

How can I replace svg from my code?

let's say I have following code (from standart lightning table example markup) <div class="slds-icon_container"> <svg aria-hidden="true" class="slds-icon slds-icon--x-small slds-...
4
votes
2answers
693 views

Dynamic Icon loading in LWC doesn't work

I am using the progress-ring LWC component from https://github.com/texei/progress-ring and fail to make the SLDS SVG Icon displayed dynamic work: Usage: <c-progress-ring ... icon="symbols.svg#...
2
votes
2answers
575 views

lightning:icon pointing to SVG static resource has empty shadow root

An working SVG icon stored in a public static resource myicon_svg <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g id="...
0
votes
1answer
1k views

No COMPONENT named markup://svg found [duplicate]

After downloading the SLDS I have copied a detail form from the lightning design system to the salesforce console. But when I save there is a popup saying "No COMPONENT named markup://svg found". I ...
0
votes
1answer
219 views

Access svg icon from static resource zip file

I have added zip file of lightning design system which contains fonts,icon,images,style folders. in this svg icons are in icons/utility-sprite/svg folder, i have set the path but it;s not reflecting ...
1
vote
0answers
150 views

SVG API incomplete in LWC/Locker

I want to create a custom component that wraps the yFiles for HTML graph drawing component in an LWC component, but it seems some of the SVG API is not implemented or rather hidden behind the locker ...
0
votes
2answers
1k views

Search Icon Button in Lightning [duplicate]

I need a search icon button icon in my compoonent. I have got the code as well. Below is the link from where i have referred the code. https://www.lightningdesignsystem.com/components/button-icons/ ...
4
votes
2answers
489 views

How to create an SLDS Illustration lightning component with svg

I am trying to create a lightning component that will show an SLDS illustration of missing data: when I create my component with the <svg> tag I cannot save the component markup: <...