Which three steps allow a custom Scalable Vector Graphic (SVG) to be included in a Lightning web component? Choose 3 answers

Lightning Web Components use static resources for custom SVGs. First, upload the SVG as a static resource (B). In the component’s JavaScript, import it using the @salesforce/resourceUrl directive and expose it via a property (A). Finally, reference that imported variable in the HTML template—for example, —to render the image (C).

D. Content assets are for CMS and aren’t required for LWC static-resource usage.

E. The template refers directly to the imported variable; no additional property beyond that created in step A is needed, so it is redundant.

1. Lightning Web Components Dev Guide, “Use SVG Resources—Import a Static Resource,” Winter ’24 release, para. 1-3.

2. Lightning Web Components Dev Guide, “Static Resources in LWC,” Winter ’24, Example code block showing upload-import-reference workflow.