[]previous and next page

SVGIntrinsicElements

Attribute maps for every SVG element, keyed by the SVG tag name.

Attribute maps for every SVG element, keyed by the SVG tag name.

Import#

ts
import type { SVGIntrinsicElements } from "@shadow-js/web";

Signature#

ts
interface SVGIntrinsicElements {
  /** The SVG `<a>` element: a hyperlink around SVG graphics. */
  a: ElementProps<
    SVGElementTagNameMap["a"],
    SVGAnchorAttributes &
      SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes
  >;
  /** The SVG `<animate>` element: an animation of one attribute over time. */
  animate: VoidElementProps<
    SVGElementTagNameMap["animate"],
    SVGAnimationAttributes &
      SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes
  >;
  /** The SVG `<animateMotion>` element: an animation that moves an element along a path. */
  animateMotion: ElementProps<
    SVGElementTagNameMap["animateMotion"],
    SVGAnimationAttributes &
      SVGCoreAttributes & {
        path?: Maybe<string>;
        keyPoints?: Maybe<string>;
        origin?: Maybe<string>;
        rotate?: Maybe<string>;
      }
  >;
  /** The SVG `<animateTransform>` element: an animation of a transform attribute. */
  animateTransform: VoidElementProps<
    SVGElementTagNameMap["animateTransform"],
    SVGAnimationAttributes &
      SVGCoreAttributes & { type?: Maybe<"translate" | "scale" | "rotate" | "skewX" | "skewY"> }
  >;
  /** The SVG `<circle>` element: a circle from a center and a radius. */
  circle: ElementProps<
    SVGElementTagNameMap["circle"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; r?: SvgValue }
  >;
  /** The SVG `<clipPath>` element: a clipping path that limits where paint applies. */
  clipPath: ElementProps<
    SVGElementTagNameMap["clipPath"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes & { clipPathUnits?: Maybe<SvgUnits> }
  >;
  /** The SVG `<defs>` element: graphical objects defined for later use, not rendered directly. */
  defs: ElementProps<
    SVGElementTagNameMap["defs"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes
  >;
  /** The SVG `<desc>` element: an accessible description of its parent. */
  desc: TextElementProps<
    SVGElementTagNameMap["desc"],
    SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes
  >;
  /** The SVG `<ellipse>` element: an ellipse from a center and two radii. */
  ellipse: ElementProps<
    SVGElementTagNameMap["ellipse"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; rx?: SvgValue; ry?: SvgValue }
  >;
  /** The SVG `<feBlend>` element: a filter primitive that blends two inputs. */
  feBlend: ElementProps<
    SVGElementTagNameMap["feBlend"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; mode?: Maybe<string> }
  >;
  /** The SVG `<feColorMatrix>` element: a filter primitive that transforms colors with a matrix. */
  feColorMatrix: ElementProps<
    SVGElementTagNameMap["feColorMatrix"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        type?: Maybe<"matrix" | "saturate" | "hueRotate" | "luminanceToAlpha">;
        values?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feComponentTransfer>` element: a filter primitive that remaps each color channel. */
  feComponentTransfer: ElementProps<
    SVGElementTagNameMap["feComponentTransfer"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes
  >;
  /** The SVG `<feComposite>` element: a filter primitive that combines two inputs with a Porter-Duff operation. */
  feComposite: ElementProps<
    SVGElementTagNameMap["feComposite"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        in2?: Maybe<string>;
        k1?: Maybe<number | string>;
        k2?: Maybe<number | string>;
        k3?: Maybe<number | string>;
        k4?: Maybe<number | string>;
        operator?: Maybe<"over" | "in" | "out" | "atop" | "xor" | "arithmetic">;
      }
  >;
  /** The SVG `<feConvolveMatrix>` element: a filter primitive that applies a convolution matrix. */
  feConvolveMatrix: ElementProps<
    SVGElementTagNameMap["feConvolveMatrix"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        bias?: Maybe<number | string>;
        divisor?: Maybe<number | string>;
        edgeMode?: Maybe<"duplicate" | "wrap" | "none">;
        kernelMatrix?: Maybe<string>;
        kernelUnitLength?: SvgValue;
        order?: Maybe<number | string>;
        preserveAlpha?: Maybe<"true" | "false">;
        targetX?: Maybe<number | string>;
        targetY?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feDiffuseLighting>` element: a filter primitive that lights an image with diffuse lighting. */
  feDiffuseLighting: ElementProps<
    SVGElementTagNameMap["feDiffuseLighting"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGLightingAttributes & {
        diffuseConstant?: Maybe<number | string>;
        surfaceScale?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feDisplacementMap>` element: a filter primitive that displaces pixels using a second input. */
  feDisplacementMap: ElementProps<
    SVGElementTagNameMap["feDisplacementMap"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        in2?: Maybe<string>;
        scale?: Maybe<number | string>;
        xChannelSelector?: Maybe<"R" | "G" | "B" | "A">;
        yChannelSelector?: Maybe<"R" | "G" | "B" | "A">;
      }
  >;
  /** The SVG `<feDistantLight>` element: a distant light source for a lighting filter. */
  feDistantLight: ElementProps<
    SVGElementTagNameMap["feDistantLight"],
    SVGCoreAttributes & { azimuth?: Maybe<number | string>; elevation?: Maybe<number | string> }
  >;
  /** The SVG `<feDropShadow>` element: a filter primitive that draws a drop shadow. */
  feDropShadow: ElementProps<
    SVGElementTagNameMap["feDropShadow"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        dx?: Maybe<number | string>;
        dy?: Maybe<number | string>;
        stdDeviation?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feFlood>` element: a filter primitive that fills the region with a color. */
  feFlood: ElementProps<
    SVGElementTagNameMap["feFlood"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes
  >;
  /** The SVG `<feFuncA>` element: the alpha transfer function of feComponentTransfer. */
  feFuncA: ElementProps<
    SVGElementTagNameMap["feFuncA"],
    SVGCoreAttributes & SVGTransferFunctionAttributes
  >;
  /** The SVG `<feFuncB>` element: the blue transfer function of feComponentTransfer. */
  feFuncB: ElementProps<
    SVGElementTagNameMap["feFuncB"],
    SVGCoreAttributes & SVGTransferFunctionAttributes
  >;
  /** The SVG `<feFuncG>` element: the green transfer function of feComponentTransfer. */
  feFuncG: ElementProps<
    SVGElementTagNameMap["feFuncG"],
    SVGCoreAttributes & SVGTransferFunctionAttributes
  >;
  /** The SVG `<feFuncR>` element: the red transfer function of feComponentTransfer. */
  feFuncR: ElementProps<
    SVGElementTagNameMap["feFuncR"],
    SVGCoreAttributes & SVGTransferFunctionAttributes
  >;
  /** The SVG `<feGaussianBlur>` element: a filter primitive that applies a Gaussian blur. */
  feGaussianBlur: ElementProps<
    SVGElementTagNameMap["feGaussianBlur"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        edgeMode?: Maybe<"duplicate" | "wrap" | "none">;
        stdDeviation?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feImage>` element: a filter primitive that renders an external image. */
  feImage: ElementProps<
    SVGElementTagNameMap["feImage"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes &
      SVGHrefAttributes & {
        crossorigin?: Maybe<"anonymous" | "use-credentials" | "">;
      } & SVGViewportAttributes
  >;
  /** The SVG `<feMerge>` element: a filter primitive that layers several inputs. */
  feMerge: ElementProps<
    SVGElementTagNameMap["feMerge"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes
  >;
  /** The SVG `<feMergeNode>` element: one input layer of feMerge. */
  feMergeNode: ElementProps<
    SVGElementTagNameMap["feMergeNode"],
    SVGCoreAttributes & { in?: Maybe<string> }
  >;
  /** The SVG `<feMorphology>` element: a filter primitive that erodes or dilates its input. */
  feMorphology: ElementProps<
    SVGElementTagNameMap["feMorphology"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        operator?: Maybe<"erode" | "dilate">;
        radius?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feOffset>` element: a filter primitive that offsets its input. */
  feOffset: ElementProps<
    SVGElementTagNameMap["feOffset"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & { dx?: Maybe<number | string>; dy?: Maybe<number | string> }
  >;
  /** The SVG `<fePointLight>` element: a point light source for a lighting filter. */
  fePointLight: ElementProps<
    SVGElementTagNameMap["fePointLight"],
    SVGCoreAttributes & {
      x?: Maybe<number | string>;
      y?: Maybe<number | string>;
      z?: Maybe<number | string>;
    }
  >;
  /** The SVG `<feSpecularLighting>` element: a filter primitive that lights an image with specular lighting. */
  feSpecularLighting: ElementProps<
    SVGElementTagNameMap["feSpecularLighting"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGLightingAttributes & {
        specularConstant?: Maybe<number | string>;
        specularExponent?: Maybe<number | string>;
        surfaceScale?: Maybe<number | string>;
      }
  >;
  /** The SVG `<feSpotLight>` element: a spot light source for a lighting filter. */
  feSpotLight: ElementProps<
    SVGElementTagNameMap["feSpotLight"],
    SVGCoreAttributes & {
      limitingConeAngle?: Maybe<number | string>;
      pointsAtX?: Maybe<number | string>;
      pointsAtY?: Maybe<number | string>;
      pointsAtZ?: Maybe<number | string>;
      specularExponent?: Maybe<number | string>;
      x?: Maybe<number | string>;
      y?: Maybe<number | string>;
      z?: Maybe<number | string>;
    }
  >;
  /** The SVG `<feTile>` element: a filter primitive that tiles its input. */
  feTile: ElementProps<
    SVGElementTagNameMap["feTile"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes
  >;
  /** The SVG `<feTurbulence>` element: a filter primitive that generates Perlin turbulence noise. */
  feTurbulence: ElementProps<
    SVGElementTagNameMap["feTurbulence"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGFilterPrimitiveAttributes & {
        baseFrequency?: Maybe<number | string>;
        numOctaves?: Maybe<number | string>;
        seed?: Maybe<number | string>;
        stitchTiles?: Maybe<"stitch" | "noStitch">;
        type?: Maybe<"fractalNoise" | "turbulence">;
      }
  >;
  /** The SVG `<filter>` element: a filter effect made of filter primitives. */
  filter: ElementProps<
    SVGElementTagNameMap["filter"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGHrefAttributes &
      SVGBoxAttributes & { filterUnits?: Maybe<SvgUnits>; primitiveUnits?: Maybe<SvgUnits> }
  >;
  /** The SVG `<foreignObject>` element: a region that contains content from another namespace, such as HTML. */
  foreignObject: ElementProps<
    SVGElementTagNameMap["foreignObject"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGBoxAttributes
  >;
  /** The SVG `<g>` element: a group of SVG elements. */
  g: ElementProps<
    SVGElementTagNameMap["g"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes
  >;
  /** The SVG `<image>` element: a raster or SVG image. */
  image: ElementProps<
    SVGElementTagNameMap["image"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGImageAttributes
  >;
  /** The SVG `<line>` element: a straight line between two points. */
  line: ElementProps<
    SVGElementTagNameMap["line"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue }
  >;
  /** The SVG `<linearGradient>` element: a linear gradient paint server. */
  linearGradient: ElementProps<
    SVGElementTagNameMap["linearGradient"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGradientAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue }
  >;
  /** The SVG `<marker>` element: a graphic drawn at the vertices of a path, line or polyline. */
  marker: ElementProps<
    SVGElementTagNameMap["marker"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGViewportAttributes & {
        markerHeight?: SvgValue;
        markerUnits?: Maybe<"strokeWidth" | "userSpaceOnUse">;
        markerWidth?: SvgValue;
        orient?: Maybe<string>;
        refX?: SvgValue;
        refY?: SvgValue;
      }
  >;
  /** The SVG `<mask>` element: a mask that sets the transparency of what it applies to. */
  mask: ElementProps<
    SVGElementTagNameMap["mask"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGBoxAttributes & { maskContentUnits?: Maybe<SvgUnits>; maskUnits?: Maybe<SvgUnits> }
  >;
  /** The SVG `<metadata>` element: metadata about the SVG content. */
  metadata: ElementProps<SVGElementTagNameMap["metadata"], SVGCoreAttributes>;
  /** The SVG `<mpath>` element: a reference to the path an animateMotion follows. */
  mpath: VoidElementProps<SVGElementTagNameMap["mpath"], SVGCoreAttributes & SVGHrefAttributes>;
  /** The SVG `<path>` element: a shape drawn from path commands. */
  path: ElementProps<
    SVGElementTagNameMap["path"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes & { d?: Maybe<string> }
  >;
  /** The SVG `<pattern>` element: a tiled pattern paint server. */
  pattern: ElementProps<
    SVGElementTagNameMap["pattern"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGBoxAttributes &
      SVGViewportAttributes &
      SVGHrefAttributes & {
        patternContentUnits?: Maybe<SvgUnits>;
        patternTransform?: Maybe<string>;
        patternUnits?: Maybe<SvgUnits>;
      }
  >;
  /** The SVG `<polygon>` element: a closed shape of straight line segments. */
  polygon: ElementProps<
    SVGElementTagNameMap["polygon"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes & { points?: Maybe<string> }
  >;
  /** The SVG `<polyline>` element: an open shape of straight line segments. */
  polyline: ElementProps<
    SVGElementTagNameMap["polyline"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes & { points?: Maybe<string> }
  >;
  /** The SVG `<radialGradient>` element: a radial gradient paint server. */
  radialGradient: ElementProps<
    SVGElementTagNameMap["radialGradient"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGradientAttributes & {
        cx?: SvgValue;
        cy?: SvgValue;
        fr?: SvgValue;
        fx?: SvgValue;
        fy?: SvgValue;
        r?: SvgValue;
      }
  >;
  /** The SVG `<rect>` element: a rectangle, optionally with rounded corners. */
  rect: ElementProps<
    SVGElementTagNameMap["rect"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGPathLengthAttributes &
      SVGBoxAttributes & { rx?: SvgValue; ry?: SvgValue }
  >;
  /** The SVG `<script>` element: a script inside SVG content. */
  script: TextElementProps<
    SVGElementTagNameMap["script"],
    SVGCoreAttributes &
      SVGHrefAttributes & {
        crossorigin?: Maybe<"anonymous" | "use-credentials" | "">;
        type?: Maybe<string>;
      }
  >;
  /** The SVG `<set>` element: an animation that sets an attribute to a value for a duration. */
  set: VoidElementProps<SVGElementTagNameMap["set"], SVGCoreAttributes & SVGAnimationAttributes>;
  /** The SVG `<stop>` element: a color stop of a gradient. */
  stop: ElementProps<
    SVGElementTagNameMap["stop"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes & { offset?: Maybe<number | string> }
  >;
  /** The SVG `<style>` element: a stylesheet inside SVG content. */
  style: TextElementProps<
    SVGElementTagNameMap["style"],
    SVGCoreAttributes & { media?: Maybe<string>; title?: Maybe<string>; type?: Maybe<string> }
  >;
  /** The SVG `<svg>` element: an SVG document fragment, the root of SVG content. */
  svg: WindowElementProps<
    SVGElementTagNameMap["svg"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGRootAttributes
  >;
  /** The SVG `<switch>` element: a choice that renders its first child whose conditions match. */
  switch: ElementProps<
    SVGElementTagNameMap["switch"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes
  >;
  /** The SVG `<symbol>` element: a reusable graphic, rendered only through use. */
  symbol: ElementProps<
    SVGElementTagNameMap["symbol"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGBoxAttributes &
      SVGViewportAttributes & { refX?: SvgValue; refY?: SvgValue }
  >;
  /** The SVG `<text>` element: a run of SVG text. */
  text: ElementProps<
    SVGElementTagNameMap["text"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGTextPositionAttributes
  >;
  /** The SVG `<textPath>` element: text laid out along a path. */
  textPath: ElementProps<
    SVGElementTagNameMap["textPath"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGHrefAttributes & {
        lengthAdjust?: Maybe<"spacing" | "spacingAndGlyphs">;
        method?: Maybe<"align" | "stretch">;
        side?: Maybe<"left" | "right">;
        spacing?: Maybe<"auto" | "exact">;
        startOffset?: SvgValue;
        textLength?: SvgValue;
      }
  >;
  /** The SVG `<title>` element: an accessible name for its parent, often shown as a tooltip. */
  title: TextElementProps<
    SVGElementTagNameMap["title"],
    SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes
  >;
  /** The SVG `<tspan>` element: a sub-run of text inside text. */
  tspan: ElementProps<
    SVGElementTagNameMap["tspan"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGTextPositionAttributes
  >;
  /** The SVG `<use>` element: a copy of another SVG element, by reference. */
  use: ElementProps<
    SVGElementTagNameMap["use"],
    SVGCoreAttributes &
      SVGPresentationAttributes &
      SVGReactPresentationAttributes &
      SVGGraphicsAttributes &
      SVGHrefAttributes &
      SVGBoxAttributes
  >;
  /** The SVG `<view>` element: a named view of the SVG content, for linking. */
  view: ElementProps<
    SVGElementTagNameMap["view"],
    SVGCoreAttributes & SVGViewportAttributes & { zoomAndPan?: Maybe<"disable" | "magnify"> }
  >;
}

Members#

Name Type Description
a a: ElementProps< SVGElementTagNameMap["a"], SVGAnchorAttributes & SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > The SVG <a> element: a hyperlink around SVG graphics.
animate animate: VoidElementProps< SVGElementTagNameMap["animate"], SVGAnimationAttributes & SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes > The SVG <animate> element: an animation of one attribute over time.
animateMotion animateMotion: ElementProps< SVGElementTagNameMap["animateMotion"], SVGAnimationAttributes & SVGCoreAttributes & { path?: Maybe<string>; keyPoints?: Maybe<string>; origin?: Maybe<string>; rotate?: Maybe<string>; } > The SVG <animateMotion> element: an animation that moves an element along a path.
animateTransform animateTransform: VoidElementProps< SVGElementTagNameMap["animateTransform"], SVGAnimationAttributes & SVGCoreAttributes & { type?: Maybe<"translate" | "scale" | "rotate" | "skewX" | "skewY"> } > The SVG <animateTransform> element: an animation of a transform attribute.
circle circle: ElementProps< SVGElementTagNameMap["circle"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; r?: SvgValue } > The SVG <circle> element: a circle from a center and a radius.
clipPath clipPath: ElementProps< SVGElementTagNameMap["clipPath"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & { clipPathUnits?: Maybe<SvgUnits> } > The SVG <clipPath> element: a clipping path that limits where paint applies.
defs defs: ElementProps< SVGElementTagNameMap["defs"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > The SVG <defs> element: graphical objects defined for later use, not rendered directly.
desc desc: TextElementProps< SVGElementTagNameMap["desc"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes > The SVG <desc> element: an accessible description of its parent.
ellipse ellipse: ElementProps< SVGElementTagNameMap["ellipse"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { cx?: SvgValue; cy?: SvgValue; rx?: SvgValue; ry?: SvgValue } > The SVG <ellipse> element: an ellipse from a center and two radii.
feBlend feBlend: ElementProps< SVGElementTagNameMap["feBlend"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; mode?: Maybe<string> } > The SVG <feBlend> element: a filter primitive that blends two inputs.
feColorMatrix feColorMatrix: ElementProps< SVGElementTagNameMap["feColorMatrix"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { type?: Maybe<"matrix" | "saturate" | "hueRotate" | "luminanceToAlpha">; values?: Maybe<number | string>; } > The SVG <feColorMatrix> element: a filter primitive that transforms colors with a matrix.
feComponentTransfer feComponentTransfer: ElementProps< SVGElementTagNameMap["feComponentTransfer"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > The SVG <feComponentTransfer> element: a filter primitive that remaps each color channel.
feComposite feComposite: ElementProps< SVGElementTagNameMap["feComposite"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; k1?: Maybe<number | string>; k2?: Maybe<number | string>; k3?: Maybe<number | string>; k4?: Maybe<number | string>; operator?: Maybe<"over" | "in" | "out" | "atop" | "xor" | "arithmetic">; } > The SVG <feComposite> element: a filter primitive that combines two inputs with a Porter-Duff operation.
feConvolveMatrix feConvolveMatrix: ElementProps< SVGElementTagNameMap["feConvolveMatrix"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { bias?: Maybe<number | string>; divisor?: Maybe<number | string>; edgeMode?: Maybe<"duplicate" | "wrap" | "none">; kernelMatrix?: Maybe<string>; kernelUnitLength?: SvgValue; order?: Maybe<number | string>; preserveAlpha?: Maybe<"true" | "false">; targetX?: Maybe<number | string>; targetY?: Maybe<number | string>; } > The SVG <feConvolveMatrix> element: a filter primitive that applies a convolution matrix.
feDiffuseLighting feDiffuseLighting: ElementProps< SVGElementTagNameMap["feDiffuseLighting"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGLightingAttributes & { diffuseConstant?: Maybe<number | string>; surfaceScale?: Maybe<number | string>; } > The SVG <feDiffuseLighting> element: a filter primitive that lights an image with diffuse lighting.
feDisplacementMap feDisplacementMap: ElementProps< SVGElementTagNameMap["feDisplacementMap"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { in2?: Maybe<string>; scale?: Maybe<number | string>; xChannelSelector?: Maybe<"R" | "G" | "B" | "A">; yChannelSelector?: Maybe<"R" | "G" | "B" | "A">; } > The SVG <feDisplacementMap> element: a filter primitive that displaces pixels using a second input.
feDistantLight feDistantLight: ElementProps< SVGElementTagNameMap["feDistantLight"], SVGCoreAttributes & { azimuth?: Maybe<number | string>; elevation?: Maybe<number | string> } > The SVG <feDistantLight> element: a distant light source for a lighting filter.
feDropShadow feDropShadow: ElementProps< SVGElementTagNameMap["feDropShadow"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { dx?: Maybe<number | string>; dy?: Maybe<number | string>; stdDeviation?: Maybe<number | string>; } > The SVG <feDropShadow> element: a filter primitive that draws a drop shadow.
feFlood feFlood: ElementProps< SVGElementTagNameMap["feFlood"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > The SVG <feFlood> element: a filter primitive that fills the region with a color.
feFuncA feFuncA: ElementProps< SVGElementTagNameMap["feFuncA"], SVGCoreAttributes & SVGTransferFunctionAttributes > The SVG <feFuncA> element: the alpha transfer function of feComponentTransfer.
feFuncB feFuncB: ElementProps< SVGElementTagNameMap["feFuncB"], SVGCoreAttributes & SVGTransferFunctionAttributes > The SVG <feFuncB> element: the blue transfer function of feComponentTransfer.
feFuncG feFuncG: ElementProps< SVGElementTagNameMap["feFuncG"], SVGCoreAttributes & SVGTransferFunctionAttributes > The SVG <feFuncG> element: the green transfer function of feComponentTransfer.
feFuncR feFuncR: ElementProps< SVGElementTagNameMap["feFuncR"], SVGCoreAttributes & SVGTransferFunctionAttributes > The SVG <feFuncR> element: the red transfer function of feComponentTransfer.
feGaussianBlur feGaussianBlur: ElementProps< SVGElementTagNameMap["feGaussianBlur"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { edgeMode?: Maybe<"duplicate" | "wrap" | "none">; stdDeviation?: Maybe<number | string>; } > The SVG <feGaussianBlur> element: a filter primitive that applies a Gaussian blur.
feImage feImage: ElementProps< SVGElementTagNameMap["feImage"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & SVGHrefAttributes & { crossorigin?: Maybe<"anonymous" | "use-credentials" | "">; } & SVGViewportAttributes > The SVG <feImage> element: a filter primitive that renders an external image.
feMerge feMerge: ElementProps< SVGElementTagNameMap["feMerge"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > The SVG <feMerge> element: a filter primitive that layers several inputs.
feMergeNode feMergeNode: ElementProps< SVGElementTagNameMap["feMergeNode"], SVGCoreAttributes & { in?: Maybe<string> } > The SVG <feMergeNode> element: one input layer of feMerge.
feMorphology feMorphology: ElementProps< SVGElementTagNameMap["feMorphology"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { operator?: Maybe<"erode" | "dilate">; radius?: Maybe<number | string>; } > The SVG <feMorphology> element: a filter primitive that erodes or dilates its input.
feOffset feOffset: ElementProps< SVGElementTagNameMap["feOffset"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { dx?: Maybe<number | string>; dy?: Maybe<number | string> } > The SVG <feOffset> element: a filter primitive that offsets its input.
fePointLight fePointLight: ElementProps< SVGElementTagNameMap["fePointLight"], SVGCoreAttributes & { x?: Maybe<number | string>; y?: Maybe<number | string>; z?: Maybe<number | string>; } > The SVG <fePointLight> element: a point light source for a lighting filter.
feSpecularLighting feSpecularLighting: ElementProps< SVGElementTagNameMap["feSpecularLighting"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGLightingAttributes & { specularConstant?: Maybe<number | string>; specularExponent?: Maybe<number | string>; surfaceScale?: Maybe<number | string>; } > The SVG <feSpecularLighting> element: a filter primitive that lights an image with specular lighting.
feSpotLight feSpotLight: ElementProps< SVGElementTagNameMap["feSpotLight"], SVGCoreAttributes & { limitingConeAngle?: Maybe<number | string>; pointsAtX?: Maybe<number | string>; pointsAtY?: Maybe<number | string>; pointsAtZ?: Maybe<number | string>; specularExponent?: Maybe<number | string>; x?: Maybe<number | string>; y?: Maybe<number | string>; z?: Maybe<number | string>; } > The SVG <feSpotLight> element: a spot light source for a lighting filter.
feTile feTile: ElementProps< SVGElementTagNameMap["feTile"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes > The SVG <feTile> element: a filter primitive that tiles its input.
feTurbulence feTurbulence: ElementProps< SVGElementTagNameMap["feTurbulence"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGFilterPrimitiveAttributes & { baseFrequency?: Maybe<number | string>; numOctaves?: Maybe<number | string>; seed?: Maybe<number | string>; stitchTiles?: Maybe<"stitch" | "noStitch">; type?: Maybe<"fractalNoise" | "turbulence">; } > The SVG <feTurbulence> element: a filter primitive that generates Perlin turbulence noise.
filter filter: ElementProps< SVGElementTagNameMap["filter"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGHrefAttributes & SVGBoxAttributes & { filterUnits?: Maybe<SvgUnits>; primitiveUnits?: Maybe<SvgUnits> } > The SVG <filter> element: a filter effect made of filter primitives.
foreignObject foreignObject: ElementProps< SVGElementTagNameMap["foreignObject"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGBoxAttributes > The SVG <foreignObject> element: a region that contains content from another namespace, such as HTML.
g g: ElementProps< SVGElementTagNameMap["g"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > The SVG <g> element: a group of SVG elements.
image image: ElementProps< SVGElementTagNameMap["image"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGImageAttributes > The SVG <image> element: a raster or SVG image.
line line: ElementProps< SVGElementTagNameMap["line"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue } > The SVG <line> element: a straight line between two points.
linearGradient linearGradient: ElementProps< SVGElementTagNameMap["linearGradient"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGradientAttributes & { x1?: SvgValue; x2?: SvgValue; y1?: SvgValue; y2?: SvgValue } > The SVG <linearGradient> element: a linear gradient paint server.
marker marker: ElementProps< SVGElementTagNameMap["marker"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGViewportAttributes & { markerHeight?: SvgValue; markerUnits?: Maybe<"strokeWidth" | "userSpaceOnUse">; markerWidth?: SvgValue; orient?: Maybe<string>; refX?: SvgValue; refY?: SvgValue; } > The SVG <marker> element: a graphic drawn at the vertices of a path, line or polyline.
mask mask: ElementProps< SVGElementTagNameMap["mask"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGBoxAttributes & { maskContentUnits?: Maybe<SvgUnits>; maskUnits?: Maybe<SvgUnits> } > The SVG <mask> element: a mask that sets the transparency of what it applies to.
metadata metadata: ElementProps<SVGElementTagNameMap["metadata"], SVGCoreAttributes> The SVG <metadata> element: metadata about the SVG content.
mpath mpath: VoidElementProps<SVGElementTagNameMap["mpath"], SVGCoreAttributes & SVGHrefAttributes> The SVG <mpath> element: a reference to the path an animateMotion follows.
path path: ElementProps< SVGElementTagNameMap["path"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { d?: Maybe<string> } > The SVG <path> element: a shape drawn from path commands.
pattern pattern: ElementProps< SVGElementTagNameMap["pattern"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGBoxAttributes & SVGViewportAttributes & SVGHrefAttributes & { patternContentUnits?: Maybe<SvgUnits>; patternTransform?: Maybe<string>; patternUnits?: Maybe<SvgUnits>; } > The SVG <pattern> element: a tiled pattern paint server.
polygon polygon: ElementProps< SVGElementTagNameMap["polygon"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { points?: Maybe<string> } > The SVG <polygon> element: a closed shape of straight line segments.
polyline polyline: ElementProps< SVGElementTagNameMap["polyline"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & { points?: Maybe<string> } > The SVG <polyline> element: an open shape of straight line segments.
radialGradient radialGradient: ElementProps< SVGElementTagNameMap["radialGradient"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGradientAttributes & { cx?: SvgValue; cy?: SvgValue; fr?: SvgValue; fx?: SvgValue; fy?: SvgValue; r?: SvgValue; } > The SVG <radialGradient> element: a radial gradient paint server.
rect rect: ElementProps< SVGElementTagNameMap["rect"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGPathLengthAttributes & SVGBoxAttributes & { rx?: SvgValue; ry?: SvgValue } > The SVG <rect> element: a rectangle, optionally with rounded corners.
script script: TextElementProps< SVGElementTagNameMap["script"], SVGCoreAttributes & SVGHrefAttributes & { crossorigin?: Maybe<"anonymous" | "use-credentials" | "">; type?: Maybe<string>; } > The SVG <script> element: a script inside SVG content.
set set: VoidElementProps<SVGElementTagNameMap["set"], SVGCoreAttributes & SVGAnimationAttributes> The SVG <set> element: an animation that sets an attribute to a value for a duration.
stop stop: ElementProps< SVGElementTagNameMap["stop"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & { offset?: Maybe<number | string> } > The SVG <stop> element: a color stop of a gradient.
style style: TextElementProps< SVGElementTagNameMap["style"], SVGCoreAttributes & { media?: Maybe<string>; title?: Maybe<string>; type?: Maybe<string> } > The SVG <style> element: a stylesheet inside SVG content.
svg svg: WindowElementProps< SVGElementTagNameMap["svg"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGRootAttributes > The SVG <svg> element: an SVG document fragment, the root of SVG content.
switch switch: ElementProps< SVGElementTagNameMap["switch"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes > The SVG <switch> element: a choice that renders its first child whose conditions match.
symbol symbol: ElementProps< SVGElementTagNameMap["symbol"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGBoxAttributes & SVGViewportAttributes & { refX?: SvgValue; refY?: SvgValue } > The SVG <symbol> element: a reusable graphic, rendered only through use.
text text: ElementProps< SVGElementTagNameMap["text"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGTextPositionAttributes > The SVG <text> element: a run of SVG text.
textPath textPath: ElementProps< SVGElementTagNameMap["textPath"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGHrefAttributes & { lengthAdjust?: Maybe<"spacing" | "spacingAndGlyphs">; method?: Maybe<"align" | "stretch">; side?: Maybe<"left" | "right">; spacing?: Maybe<"auto" | "exact">; startOffset?: SvgValue; textLength?: SvgValue; } > The SVG <textPath> element: text laid out along a path.
title title: TextElementProps< SVGElementTagNameMap["title"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes > The SVG <title> element: an accessible name for its parent, often shown as a tooltip.
tspan tspan: ElementProps< SVGElementTagNameMap["tspan"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGTextPositionAttributes > The SVG <tspan> element: a sub-run of text inside text.
use use: ElementProps< SVGElementTagNameMap["use"], SVGCoreAttributes & SVGPresentationAttributes & SVGReactPresentationAttributes & SVGGraphicsAttributes & SVGHrefAttributes & SVGBoxAttributes > The SVG <use> element: a copy of another SVG element, by reference.
view view: ElementProps< SVGElementTagNameMap["view"], SVGCoreAttributes & SVGViewportAttributes & { zoomAndPan?: Maybe<"disable" | "magnify"> } > The SVG <view> element: a named view of the SVG content, for linking.