Как можно закрасить svg иконку в градиент?

Question

[undef_null]

Есть моноколорный (одноцветный) svg-документ (файл). Как можно его закрасить в градиент

! через fill не получается

Comments

[Максим Тимофеев]

покажите код, как Вы пытаетесь это сделать. Вот статья на тему: webmaster.alexanderklimov.ru/html/svg/lineargradie...

[undef_null]

Максим Тимофеев:
Фон градиентом заливается нормально

<defs>
	<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(0,138,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <path id="balloon" class="cls-1" d="{vector_code}" transform="translate(-565 -489)"  fill="url(#grad)"/>

Вопрос: Как менять угол ?

[Flur]

undef_null: параметры {x1, x2, y1, y2} меняешь и всё

Answer 1

[holymotion]

https://developer.mozilla.org/en-US/docs/Web/SVG/E...

Comments

[undef_null]

через стили нельзя никак ?

[undef_null]

и как менять угол, тоже непонятно