фон svg через js

Есть блок с svg, в котором меняется цвет при клике на блок. http://u558049.s54.wh1.su/metalli/app2/hestiya.html вот на этой странице.

Вот скрипт, который это делает:

  $('.color__tabs_items .standart .color > div').on('click',function(){
    let color = $(this).css('background-color');
    console.log(color);
    $('.color__tabs_items .standart .color > div').removeClass('active');
    let parents_svg = $('.svg_color').css('fill', color);
    $(this).addClass('active');
  });

Мне надо добавить возможность помимо цвета добавлять на фон изображение.

Что я уже пробовал:
Я создал паттерн, присвоил ему ID.
background-color сменил на background. Прописал вместо цвета background: url(#idpaterna); И в fill почему то "url(#idpaterna)" не передалось.

И как оказалось, там грузится не просто цвет html, а где-то он преобразовывается в rgb.