Does it use shadow DOM?

LitElement renders in its shadow root by default.

Does it add reactive properties?

No. The first version outputs a static SVG web component.

Yes. The output uses customElement from lit decorators.

Convert

Wrap SVG markup in a Lit web component.

Wrap SVG markup in a Lit web component.

Choose an SVG file, paste SVG markup, or load the sample to begin.

Page context

SVG to Lit Component wraps SVG markup in a Lit web component.

The tool emits a LitElement class with a render method that returns the inline SVG template.

Use it when moving SVG assets into design-system web components or framework-neutral UI libraries.