Испытание: желтый лист 15/15 (100%)

Рабочий код

<svg width="270" height="330">
  <g id="leaf" transform="translate(160, 90) rotate(60)">
    <path d="M127.244 69.907c-7.012-30.372-20.16-50.47-39.44-60.295-28.922-14.736-45.937-12.5-57.68 10.81-11.74 23.31-7.59 43.18 26.81 55.66 22.935 8.317 46.37 6.26 70.31-6.175z" fill="#F8E71C"/>
    <path d="M92.977 50.53c10.727 5.67 22.003 12.268 33.827 19.795-16.098-10.374-31.272-16.264-53.49-25.272-.652 7.04 1.18 15.867 8.877 24.09l-.39.72c-8.13-8.68-13.212-18.585-12.81-26.568-1.61-.656-3.257-1.33-4.943-2.024-8.674-3.57-13.46-5.556-17.515-7.32-3.743 12.1-4.338 24.447 4.538 32.815l.168.982C40.82 57.925 37.698 45.84 41.94 31.91c-.564-.256-1.138-.518-1.73-.79-4.29-1.966-13.18-6.5-14.352-7.115C12.422 16.95 7.088 14.85.495 9.287L1.325.85c6.3 5.313 19.45 15.87 32.63 22.79 1.172.617 3.696 1.907 7.92 3.844 4.588 2.103 8.027 3.6 14.637 6.347C65.39 25.23 77.838 22.67 92.077 25.35l-.27.804c-13.152-2.475-23.136 1.494-30.973 9.47l4.735 1.95c7.453 3.067 15.227 6.677 23.322 10.83 5.097-2.452 13.47-2.288 22.484-.91l-.74.633c-8.56-1.31-13.58-.047-17.66 2.405z" fill="#F5A623"/>
  </g>
</svg>

CSS:

svg {
  background-color: #ffffff;
  background-image: url("branch.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 1px solid #dddddd;
}

Странно, у меня вашь код не работает
Вот моя реализация

<svg width="270" height="330" viewBox="0 0 270 200">
<g id="leaf" transform="translate(160, 25) rotate(60)"> </g></svg>

Код работает