如何使用CSS、JS沿曲线对齐HTML元素(图标)

<div id="icon"></div>

#icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 添加其他样式属性，如图标的大小、颜色等 */
}

var icon = document.getElementById("icon");
var radius = 100; // 曲线半径
var speed = 0.02; // 曲线运动速度

function alignAlongCurve() {
  var angle = 0; // 初始角度

  setInterval(function() {
    var x = Math.cos(angle) * radius;
    var y = Math.sin(angle) * radius;

    icon.style.left = x + "px";
    icon.style.top = y + "px";

    angle += speed;
  }, 10);
}

alignAlongCurve();