How to put for SVG instead of fill - gradient?

Question

SVG

Good afternoon, to change the color in svg, the FIll property is used. How to set Gradient instead of Fill

Answer 1

<svg>
  <!-- Градиент -->
  <linearGradient id="linear-gradient">
    <stop offset="0%" stop-color="gold"/>
    <stop offset="100%" stop-color="teal"/>
  </linearGradient>

  <!-- Фигура с градиентной заливкой -->
  <rect fill="url(#linear-gradient)"
        width="100%" height="100%"/>
</svg>

css.yoksel.ru/svg-gradients