index.md

---

title: <feDistantLight>
slug: Web/SVG/Element/feDistantLight
page-type: svg-element
tags:
  - Element
  - Filters
  - NeedsExample
  - Reference
  - SVG
  - SVG Light Source
browser-compat: svg.elements.feDistantLight

---

{{SVGRef}}

The <feDistantLight> filter primitive defines a distant light source that can be used within a lighting filter primitive: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.

Usage context

{{svginfo}}

Attributes

Global attributes

• Core attributes

Specific attributes

• {{SVGAttr("azimuth")}}

• {{SVGAttr("elevation")}}

DOM Interface

This element implements the {{domxref("SVGFEDistantLightElement")}} interface.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{SVGElement("filter")}}

• {{SVGElement("animate")}}

• {{SVGElement("set")}}

• {{SVGElement("feDiffuseLighting")}}

• {{SVGElement("feSpecularLighting")}}

• {{SVGElement("fePointLight")}}

• {{SVGElement("feSpotLight")}}

• SVG tutorial: Filter effects