recursal/MDN huggingface dataset:
<svg>
=====

L'élément `svg` peut être utilisé pour intégrer des fragments de code SVG à l'intérieur d'un document (par exemple, un document HTML). Ce fragment de code SVG dispose de ses propres viewport et système de coordonnée.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément conteneur, Élément structurel |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifsÉléments de formesÉléments structurelsÉléments de dégradés`<a>`, `<clipPath>`, `<color-profile>`, `<cursor>` (en-US), `<filter>`, `<font>` (en-US), `<font-face>` (en-US), `<foreignObject>`, `<image>`, `<marker>`, `<mask>`, `<pattern>`, `<script>` (en-US), `<style>`, `<switch>`, `<text>`, `<view>` (en-US) |

Exemple
-------

Prenons le fichier SVG suivant (représentant le drapeau nationnal de l'Italie) :


```xml
<svg xmlns="http://www.w3.org/2000/svg"
 width="150" height="100" viewBox="0 0 3 2">

  <rect width="1" height="2" x="0" fill="#008d46" />
  <rect width="1" height="2" x="1" fill="#ffffff" />
  <rect width="1" height="2" x="2" fill="#d2232c" />
</svg>
```


Ce fichier peut être inclus dans un document HTML5 de cette façon :


```html
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Exemple mêlant HTML & SVG</title>
  </head>

  <body>
    <svg width="150" height="100" viewBox="0 0 3 2">
      <rect width="1" height="2" x="0" fill="#008d46" />
      <rect width="1" height="2" x="1" fill="#ffffff" />
      <rect width="1" height="2" x="2" fill="#d2232c" />
    </svg>
  </body>
</html>
```

Attributs
---------

### Attributs globaux

* Conditional processing attributes »
* Core attributes »
* Document event attributes »
* Graphical event attributes »
* Presentation attributes »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
### Attributs spécifiques

* `version (en-US)`
* `baseProfile (en-US)`
* `x`
* `y (en-US)`
* `width`
* `height`
* `preserveAspectRatio`
* `contentScriptType`
* `contentStyleType`
* `viewBox`
Interface DOM
-------------

Cette élément implémente l'interface `SVGSVGElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # NewDocument |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<use>
=====

L'élement **`<use>`** permet la duplication de *nodes* (noeuds du DOM, NDR) définis par <defs> afin de les insérer par ailleurs. L'effet est le même que si les noeuds étaient créés dans une partie non-rendue (au sens de non-affichée) au sein du DOM puis "clonés" là où est utilisé l'élément `use` tel que le permet les éléments de gabarit grâce à HTML5.

Puisque les noeuds clonés par `use` ne sont pas exposés, vous devez être attentif lorsque vous utilisez des règles de style CSS sur l'élément `use` et ses enfants "cachés". En effet les attributs CSS ne sont pas garantis d'être hérités lorsqu'ils seront clonés si vous n'explicitez pas correctement les héritages CSS.

Pour des raisons de sécurité, certains navigateurs peuvent appliquer la politique de *même-origine* (c'est-à-dire le couple domaine et port identiques) pour l'élément `use` ce qui peut conduire à un refus de charger une URI depuis une origine différente conernant l'attribut `href (en-US)`.

**Attention :** Depuis la version de SVG 2, l'attribut `xlink:href (en-US)` est obsolète. Voir la page `xlink:href (en-US)` pour plus d'informations.

Contexte d'usage
----------------

|  |  |
| --- | --- |
| Catégories | Élément graphique, Elément en rapport avec les graphismes, Élément structurel |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifs |

Attributs
---------

### Attributs globaux

* Conditional processing attributes »
* Core attributes »
* Graphical event attributes »
* Presentation attributes »
* Xlink attributes »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

* `x`
* `y (en-US)`
* `width`
* `height`
* `href (en-US)`
Interface DOM
-------------

Cet élément est implanté par l'interface `SVGUseElement` (en-US).

Exemple
-------


```html
<svg
 width="80"
 height="80"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <style>
 .classA {
 fill: red;
 }
 </style>
  <defs>
    <g id="Port">
      <circle style="fill: inherit;" r="10" />
    </g>
  </defs>

  <text y="15">black</text>
  <use x="50" y="10" href="#Port" />
  <text y="35">red</text>
  <use x="50" y="30" href="#Port" class="classA" />
  <text y="55">blue</text>
  <use x="50" y="50" href="#Port" style="fill: blue;" />
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # UseElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<switch>
========

L'élément `switch` évalue les attributs `requiredFeatures (en-US)`, `requiredExtensions` et `systemLanguage (en-US)` de ses éléments enfants directs, dans l'ordre, puis affiche le premier élément pour lequel les attributs renvoient `true`. Tous les autres seront ignorés et donc non affichés. Si l'élément enfant est un élément conteneur tel que `<g>`, alors l'intégralité du contenu de cet enfant est soit traité/rendu soit ignoré/non rendu.

Notez que la valeur des propriétés `display` et `visibility` n'ont aucun effet sur le traitement du `switch`. En particulier, appliquer une propriété `display` à `none` sur l'élément enfant d'un `switch` n'a aucun effet sur le résultat du test `true/false` associé au traitement des éléments par le `switch`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément conteneur |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifsÉléments de formes`<a>`, `<foreignObject>`, `<g>`, `<image>`, `<svg>`, `<switch>`, `<text>`, `<use>` |

Attributs
---------

### Attributs globaux

* Attributs de traitement conditionnel
* Attributs de base
* Attributs d'événements graphiques
* Attributs de présentation
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
Interface DOM
-------------

Cet élément implémente l'interface `SVGSwitchElement` (en-US).

Exemple
-------

Cet exemple montre comment afficher un texte différent selon les paramètres de langue du navigateur. L'élément `switch` affichera le premier élément enfant dont l'attribut `systemLanguage` correspond au language de l'utilisateur, ou l'élément sans attribut `systemLanguage` si aucun ne correspond.

### HTML


```html
<svg width="100%" viewBox="0 -20 100 50">
  <switch>
    <text systemLanguage="ar">مرحبا</text>
    <text systemLanguage="de,nl">Hallo!</text>
    <text systemLanguage="en">Hello!</text>
    <text systemLanguage="en-us">Howdy!</text>
    <text systemLanguage="en-gb">Wotcha!</text>
    <text systemLanguage="en-au">G'day!</text>
    <text systemLanguage="es">Hola!</text>
    <text systemLanguage="fr">Bonjour!</text>
    <text systemLanguage="ja">こんにちは</text>
    <text systemLanguage="ru">Привет!</text>
    <text>☺</text>
  </switch>
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # SwitchElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<tspan>
=======

A l'intérieur d'un élément `<text>`, les propriétés du texte et des polices, ainsi que la position actuelle du texte, peuvent être ajustées de façon absolue ou relative à partir des coodonnées précisées dans un élément `tspan`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément conteneur de texte, Élément enfant de conteneur de texte |
| Contenu autorisé | Des données caractères et n'importe quelle quantité des éléments suivants, dans n'importe quel ordre :Éléments descriptifs`<a>`, `<animate>`, `<set>` (en-US), `<tref>` (en-US), `<tspan>` |

Exemple
-------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 240 40" xmlns="http://www.w3.org/2000/svg">
  <style>
 text {
 font: italic 12px serif;
 }
 tspan {
 font: bold 10px sans-serif;
 fill: red;
 }
 </style>

  <text x="10" y="30" class="small">
    Vous êtes
    <tspan>not</tspan>
    une banane !
  </text>
</svg>
```

Attributs
---------

### Attributs globaux

* Attributs de traitement conditionnel »
* Attributs de base »
* Attributs d'évènements graphiques »
* Attributs de présentation »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
### Specific attributes

* `x`
* `y (en-US)`
* `dx`
* `dy`
* `rotate (en-US)`
* `textLength (en-US)`
* `lengthAdjust (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGTSpanElement` (en-US).

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # TextElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<text>`
<image>
=======

L'élément Image SVG (<image>) permet d'inclure une image matricielle dans un document SVG.

Contexte d'Utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément graphique, Elément en rapport avec les graphismes |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifs |

Exemple
-------

Rendu basique d'une image PNG dans un objet SVG :


```html
<svg
 width="100%"
 height="100%"
 viewBox="0 0 100 100"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <image
 xlink:href="/files/2917/fxlogo.png"
 x="0"
 y="0"
 height="100"
 width="100" />
</svg>
```

Attributs
---------

### Attributs globaux

* Attributs de traitement conditionnel »
* Attributs noyau »
* Attributs d'événement graphique »
* Attributs Xlink »
* Attributs de présentation »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

* `x`
* `y (en-US)`
* `width`
* `height`
* `xlink:href (en-US)`
* `preserveAspectRatio`
Interface DOM
-------------

Cet élément implémente l'interface `SVGImageElement`.

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
circle
======

L'élément `circle` est un élément de la catégorie des Formes simples, utilisé pour créer des cercles, en se basant sur un centre et un rayon.

Usage
-----

|  |  |
| --- | --- |
| Catégories | Élément de forme basique, Élément graphique, Élément de forme |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments d'animationÉléments descriptifs |

Exemple
-------
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="50" />
</svg>
```

Attributs
---------

### Attributs Globaux

* Attributs conditionnels »
* Attributs centraux »
* Attributs d'événements graphiques »
* Attributs de présentation »
* `class (en-US)`
* `style`
* `externalResourcesRequired`
* `transform`
### Attributs spécifiques

* `cx`
* `cy`
* `r (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGCircleElement` (en-US).

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Corrélat
--------

* `<ellipse>`
* `<rect>`
<feFlood>
=========

La primitive de filtre SVG **`<feFlood>`** remplit la région du filtre avec la couleur et l'opacité définies par `flood-color (en-US)` et `flood-opacity (en-US)`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitives de filtre
* `class (en-US)`
* `style`
### Attributs spécifiques

* `flood-color (en-US)`
* `flood-opacity (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFEFloodElement` (en-US).

Exemple
-------


```html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <defs>
    <filter id="floodFilter" filterUnits="userSpaceOnUse">
      <feFlood
 x="50"
 y="50"
 width="100"
 height="100"
 flood-color="green"
 flood-opacity="0.5" />
    </filter>
  </defs>

  <use style="filter: url(#floodFilter);" />
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feFloodElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<animateColor>`
* `<set>` (en-US)
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feMorphology>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTile>`
* `<feTurbulence>`
* Tutoriel SVG: Les filtres
<mpath>
=======

L'élément **`<mpath>`** se place dans un élément `<animateMotion>`, il permet de référencer un élément `<path>` pour définir le chemin utilisé par l'animation.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément d'animation |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :Éléments descriptifs |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs Xlink
* `externalResourcesRequired`
### Attributs spécifiques

* `xlink:href (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGMPathElement` (en-US).

Exemple
-------

### SVG


```html
<svg
 width="100%"
 height="100%"
 viewBox="0 0 500 300"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">
  <rect
 x="1"
 y="1"
 width="498"
 height="298"
 fill="none"
 stroke="blue"
 stroke-width="2" />

  <!-- Affiche le chemin en bleu avec trois cercles
 au début, au milieu et à la fin du chemin -->
  <path
 id="path1"
 d="M100,250 C 100,50 400,50 400,250"
 fill="none"
 stroke="blue"
 stroke-width="7.06" />
  <circle cx="100" cy="250" r="17.64" fill="blue" />
  <circle cx="250" cy="100" r="17.64" fill="blue" />
  <circle cx="400" cy="250" r="17.64" fill="blue" />

  <!-- Triangle qui sera déplacé le long du chemin.
 Il est définit avec une orientation verticale, la base du triangle
 est centrée horizontalement juste au-dessus de l'origine. -->
  <path
 d="M-25,-12.5 L25,-12.5 L 0,-87.5 z"
 fill="yellow"
 stroke="red"
 stroke-width="7.06">
    <!-- Référence le path à utiliser -->
    <animateMotion dur="6s" repeatCount="indefinite" rotate="auto">
      <mpath xlink:href="#path1" />
    </animateMotion>
  </path>
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| SVG Animations Level 2 # MPathElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<animateMotion>`
<fePointLight>
==============

La primitive de filtre **`<fePointLight>`** définit une source de lumière qui permet de créer un point lumineux. On la place dans une primitive de filtre d'éclairage: `<feDiffuseLighting>` or `<feSpecularLighting>`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de source de lumière |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
### Attributs spécifiques

* `x`
* `y (en-US)`
* `z (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFEPointLightElement` (en-US).

Exemple
-------

### SVG


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

  <image
 xlink:href="/files/6457/mdn\_logo\_only\_color.png"
 x="10%"
 y="10%"
 width="80%"
 height="80%"
 style="filter:url(#spotlight);" />
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # fePointLightElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feDiffuseLighting>`
* `<feSpecularLighting>`
* `<feDistantLight>`
* `<feSpotLight>`
* Tutoriel SVG: Filtres
title
=====

Tout élément graphique ou conteneur dans un dessin SVG peut définir un titre en utilisant un élément **`<title>`**, ce titre ne peut contenir que du texte.

Quand l'élément contenant un titre apparaît à l'utilisateur sous forme d'image, l'élément `<title>` n'est pas affiché. Néanmoins, quelques moteurs de rendu peuvent, par exemple, l'afficher sous forme d'infobulle. Des représentations alternatives sont possibles, visuelles ou auditives, en renplacement des éléments graphiques. De manière générale, cet élément améliore l'accessibilité des documents SVG.

L'élément `<title>` est souvent le premier enfant de son parent. Notons que les implémentations qui rendent l'élément title en infobulle ne le font que s'il est à cette place.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément descriptif |
| Contenu autorisé | Tout élément ou caractère de donnée |

Attributs
---------

### Attributs globaux

* Attributs de base »
* `class (en-US)`
* `style`
### Attributs spécifiques

*Aucun.*

Interface DOM
-------------

Cet élément implémente l'interface `SVGTitleElement`.

Exemple
-------


```html
<svg width="220" height="70" xmlns="http://www.w3.org/2000/svg">
  <title>SVG Title Demo example</title>
  <rect x="10" y="10" width="200" height="50"
 style="fill:wheat; stroke:blue; stroke-width:1px">
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Scalable Vector Graphics (SVG) 2 # TitleElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<desc>`
<feOffset>
==========

La primitive de filtre **`<feOffset>`** permet de décaler l'image qu'elle a en entrée selon les attributs `dx` et `dy`.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitives de filtres
* `class (en-US)`
* `style`
### Attributs spécifiques

* `in`
* `dx`
* `dy`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFEOffsetElement` (en-US).

Exemple
-------

### SVG


```html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="offset" width="180" height="180">
      <feOffset in="SourceGraphic" dx="60" dy="60" />
    </filter>
  </defs>

  <rect x="0" y="0" width="100" height="100" stroke="black" fill="green" />
  <rect
 x="0"
 y="0"
 width="100"
 height="100"
 stroke="black"
 fill="green"
 filter="url(#offset)" />
</svg>
```

### Résultat

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feOffsetElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feMorphology>`
* `<feSpecularLighting>`
* `<feTile>`
* `<feTurbulence>`
* Tutoriel SVG: Effets de filtre
<feTurbulence>
==============

La primitive de filtre SVG **`<feTurbulence>`** crée une image en utilisant la fonction de turbulence de Perlin. Cela permet de créer des textures artificielles comme des nuages, du marbre, etc.

Contexte d'utilisation
----------------------

|  |  |
| --- | --- |
| Catégories | Élément de primitive de filtre |
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :`<animate>`, `<set>` (en-US) |

Attributs
---------

### Attributs globaux

* Attributs de base
* Attributs de présentation
* Attributs de primitive de filtre
* `class (en-US)`
* `style`
### Attributs spécifiques

* `baseFrequency (en-US)`
* `numOctaves (en-US)`
* `seed`
* `stitchTiles (en-US)`
* `type (en-US)`
Interface DOM
-------------

Cet élément implémente l'interface `SVGFETurbulenceElement` (en-US).

Exemple
-------


```html
<svg
 width="200"
 height="200"
 viewBox="0 0 220 220"
 xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence
 type="turbulence"
 baseFrequency="0.05"
 numOctaves="2"
 result="turbulence" />
    <feDisplacementMap
 in2="turbulence"
 in="SourceGraphic"
 scale="50"
 xChannelSelector="R"
 yChannelSelector="G" />
  </filter>

  <circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>
```

Spécifications
--------------

| Specification |
| --- |
| Filter Effects Module Level 1 # feTurbulenceElement |

Compatibilité des navigateurs
-----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Voir aussi
----------

* `<filter>`
* `<animate>`
* `<set>` (en-US)
* `<feBlend>`
* `<feColorMatrix>`
* `<feComponentTransfer>`
* `<feComposite>`
* `<feConvolveMatrix>`
* `<feDiffuseLighting>`
* `<feDisplacementMap>`
* `<feFlood>`
* `<feGaussianBlur>`
* `<feImage>`
* `<feMerge>`
* `<feMorphology>`
* `<feOffset>`
* `<feSpecularLighting>`
* `<feTile>`
* Tutoriel SVG: Filtres