<svg height="80" width="80">
<circle cx="40" cy="40" r="30"
fill="url(#grad1)"
style="fill:blue;stroke:pink;stroke-width:0.1;fill-opacity:0.5;stroke-opacity:0.9" />
<animate attributeType="CSS" attributeName="opacity" from="1" to="0." dur="5s" repeatCount="indefinite" />
<text fill="#ffffff" font-size="22" font-family="Verdana" x="20" y="50">°C</text>
<svg width="400" height="180">
<rect x="20" y="20" width="300" height="150"
fill="url(#grad1)"
style="fill:blue;stroke:pink;stroke-width:0;fill-opacity:0.5;stroke-opacity:0.9" />
// pour le rectangle : x, la coordonnée horizontale du coin supérieur gauche du rectangle ;
y,la coordonnée verticale du coin supérieur gauche du rectangle ;
<text fill="#ffffff" font-size="22" font-family="Verdana" x="22" y="95">Télecharger la brochure</text>
<text fill="#ffffff" font-size="22" font-family="Verdana" x="22" y="110">Télecharger la brochure</text>
// Le point du texte (x,y) indique le point en bas à gauche de la première lettre du texte :
</svg>