<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 90 512 350">
  <g>
    <path d="M344,256l-84.4,64.2c-1.2-0.1-2.4-0.2-3.6-0.2c-17.7,0-32,14.3-32,32c0,17.7,14.3,32,32,32c17.7,0,32-14.3,32-32
		c0-1.2-0.1-2.4-0.2-3.6L352,264L344,256z" class="fuel" />

    <path d="M256,96C132.3,96,32,196.3,32,320c0,34.4,7.8,66.9,21.6,96h36.1c-15.4-26.6-24.2-56.6-25.5-88H96v-16H64.2
		c1.2-28.8,8.7-56.5,21.8-81.4l27.5,15.9l8-13.9L94,216.8c7.4-11.6,16.2-22.6,26.2-32.6c10.2-10.1,21.3-19,33.1-26.5l15.8,27.3
		l13.9-8l-15.8-27.3c24.8-13,52.2-20.3,80.8-21.5V160h16v-31.8c28.6,1.2,56,8.6,80.8,21.5L329.1,177l13.9,8l15.8-27.3
		c11.8,7.5,22.9,16.4,33.1,26.5c10,10,18.7,20.9,26.2,32.6l-27.4,15.8l8,13.9l27.5-15.9c13.1,24.9,20.6,52.6,21.8,81.4H416v16h31.8
		c-1.3,31.4-10.1,61.4-25.5,88h36.1c13.8-29.1,21.6-61.6,21.6-96C480,196.3,379.7,96,256,96z" />
  </g>
</svg>

<input type="range" min="-120" max="40" value="-120" id="range">
svg {
  display: block;
  width: 200px;
  margin-top: 0;
}

.fuel {
  transition: 0.34s ease;
  transform-origin: center 350px;
  transform: rotate(-120deg);
}
range.addEventListener("input", function () {
  document.querySelector(".fuel").style.transform = `rotate(${this.value}deg)`;
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.