Ссылка на определение SVG, которое не является дочерним для целевого SVG, в fill: url ()

Question

У меня есть SVG, которому нужно нацелиться на определение SVG, которое прилегает к нему через fill: url([svg definition]) - в идеале, как встроенный CSS

<svg class="icon" style="fill: url(#g5)">...</svg>
<svg class="linear-gradient-defs">
  <defs>
    <linearGradient id="g5">
      ...
    </linearGradient>
  </defs>
</svg>

Для контекста я ссылаюсь: Градиент надInstagram SVG с FontAwesome 5 и использованием React - где SVG с class="icon" - это скомпилированный результат FontAwesome React Icon, а определения линейного градиента - скомпилированный результат отдельного пользовательского <SVGGradientDef /> компонента.

Я не могу поместить определения SVG в SVG с class="icon"