Настройка файла SVG с зацикленной стрелкой, чтобы он соответствовал стилю других стрелок

Я использую файл SVG для изображения внутрирегиональных миграционных потоков людей в Нидерландах. Вот что я сделал до сих пор:

Зацикленная стрелка — единственное SVG-изображение, остальные стрелки отрисовываются другими способами. Как видно, петлевая стрелка не имеет черного контура (в отличие от других стрелок). Я хотел бы сделать стиль контура и цвет стрелок однородными.

С этой целью я попытался настроить код SVG-файла, который мне предоставили Билли Кер ( здесь ) и Симбамангу ( здесь ). Это код последнего, который изменяет размер первого таким образом, чтобы его можно было просмотреть в QGIS:

<svg width=".1mm" height=".1mm" version="1.1" viewBox="0 0 2.1694 2.1665" xmlns="http://www.w3.org/2000/svg">
     <g transform="matrix(.1 0 0 .1 .013859 .018301)" fill="none" image-rendering="auto" stroke="#d40000" stroke-width="2.5862">
      <path d="m26.8 13.9a12.8 12.8 0 0 1-10.6 12.6 12.8 12.8 0 0 1-14.3-8.22 12.8 12.8 0 0 1 5.6-15.5 12.8 12.8 0 0 1 16.2 2.81" stop-color="#000000"/>
      <path d="m24.7 0.472-0.434 5.65-5.58-0.401" stop-color="#000000" style="font-variation-settings:normal"/>
     </g>
    </svg>

Это визуализирует статическое изображение цикла. Чтобы сделать его динамичным, я использовал информацию из этого вопроса GIS.SE, чтобы сделать его цвета и контуры изменяемыми в QGIS. Вот скорректированный код:

<svg width=".1mm" height=".1mm" version="1.1" viewBox="0 0 3.1694 3.1665" xmlns="http://www.w3.org/2000/svg">
 <g transform="matrix(.1 0 0 .1 .013859 .018301)" fill="none" image-rendering="auto" stroke="#d40000" stroke-width="3.0862">
  <path d="m26.8 13.9a12.8 12.8 0 0 1-10.6 12.6 12.8 12.8 0 0 1-14.3-8.22 12.8 12.8 0 0 1 5.6-15.5 12.8 12.8 0 0 1 16.2 2.81" stop-color="#000000" stroke-width="param(outline-width) 50" stroke="param(outline) #000" fill="param(fill) #FFF"/>
  <path d="m24.7 0.472-0.434 5.65-5.58-0.401" stop-color="#000000" fill="param(fill) #FFF" stroke="param(outline) #000" stroke-width="param(outline-width) 1"/>
 </g>
</svg>

Однако этот код создает следующий цикл:

Тогда я удалил

fill="param(fill) #FFF"

части обоих путей, чтобы получить:

К сожалению, я больше не могу изменить цвет стрелок. Поэтому вместо этого я изменил код на:

<svg width=".1mm" height=".1mm" version="1.1" viewBox="0 0 3.1694 3.1665" xmlns="http://www.w3.org/2000/svg">
 <g transform="matrix(.1 0 0 .1 .013859 .018301)" fill="none" image-rendering="auto" stroke="#d40000" stroke-width="3.0862">
  <path d="m26.8 13.9a12.8 12.8 0 0 1-10.6 12.6 12.8 12.8 0 0 1-14.3-8.22 12.8 12.8 0 0 1 5.6-15.5 12.8 12.8 0 0 1 16.2 2.81"  stroke="param(outline) #000" stroke-width="param(outline-width) 40"/>
  <path d="m24.7 0.472-0.434 5.65-5.58-0.401" fill="param(fill) #FFF" stroke="param(outline) #000" stroke-width="1"/>
 </g>
</svg>

Это несколько лучше. Однако это все еще не совсем то, что мне нужно, потому что теперь, когда я меняю цвет обводки на черный, это выглядит так:

Я могу регулировать ширину обводки, но тогда у меня получается очень тонкая стрелка, вместо тонкого контура стрелки.

Я хотел бы иметь код для зацикленной стрелки, который сделал бы ее похожей на другие (незацикленные) стрелки на изображении. Поэтому желательно, чтобы цикл имел:

• Тонкий черный контур всей стрелки;
• Изменяемая ширина стрелки, пропорциональная размеру наконечника стрелки;
• Стрелка начинается немного менее широкой и становится немного шире к концу, как и другие стрелки.

Вопрос: знаете ли вы, как изменить код SVG-файла зацикленной стрелки таким образом, чтобы он удовлетворял перечисленным выше свойствам? (Первые два свойства являются наиболее важными, третье, возможно, несколько сложнее и чуть менее важно, но было бы неплохо иметь его.)