We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE


The <fePointLight> SVG filter primitive allows to create a point light effect.

Usage context

CategoriesLight source element
Permitted contentAny number of the following elements, in any order:
<animate>, <set>


Global attributes

Specific attributes

DOM Interface

This element implements the SVGFEPointLightElement interface.



<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"
    <filter id="spotlight">
      <feSpecularLighting result="spotlight" specularConstant="1.5"
          specularExponent="80" lighting-color="#FFF">
        <fePointLight x="50" y="50" z="220"/>
      <feComposite in="SourceGraphic" in2="spotlight" operator="arithmetic"
          k1="0" k2="1" k3="1" k4="0"/>

  <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%"
      width="80%" height="80%" style="filter:url(#spotlight);"/>



Specification Status Comment
Filter Effects Module Level 1
The definition of '<fePointLight>' in that specification.
Working Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of '<fePointLight>' in that specification.
Recommendation Initial definition

Browser compatibility

No compatibility data found. Please contribute data for "svg.elements.fePointLight" (depth: 1) to the MDN compatibility data repository.

See also

Document Tags and Contributors

 Last updated by: fscholz,