import React from 'react';

const CircleLoaderIcon = ({ color = '#7B8907', width = 22, height = 22 }) => (
  <svg
    width={width}
    height={height}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 22 22"
  >
    <path
      d="M17.053 1.48976C16.0073 0.814864 14.8393 0.319937 13.5823 0.0274805C12.8926 -0.129996 12.2363 0.409924 12.2363 1.12982C12.2363 1.63599 12.57 2.10842 13.0595 2.2209C14.0717 2.44587 15.0284 2.85081 15.8738 3.40198C16.3077 3.68319 16.8639 3.5932 17.2309 3.22201C17.7315 2.71583 17.6536 1.87221 17.053 1.48976ZM20.8796 9.86977C21.5915 9.86977 22.1366 9.20612 21.9697 8.50872C21.6805 7.24891 21.1911 6.06783 20.5236 4.99924C20.1454 4.39183 19.3 4.3131 18.7994 4.81927C18.4434 5.17922 18.3545 5.75288 18.6214 6.19157C19.1665 7.05769 19.567 8.0138 19.7894 9.03739C19.9118 9.53232 20.3679 9.86977 20.8796 9.86977ZM18.7994 17.1699C19.3 17.6761 20.1454 17.5974 20.5236 17.0012C21.1911 15.9439 21.6805 14.7628 21.9697 13.503C22.1255 12.8056 21.5804 12.1419 20.8796 12.1419C20.379 12.1419 19.9118 12.4794 19.8006 12.9743C19.5781 13.9979 19.1665 14.954 18.6326 15.8201C18.3545 16.2363 18.4434 16.81 18.7994 17.1699ZM12.2363 20.8594C12.2363 21.5793 12.8926 22.1305 13.5823 21.9617C14.8282 21.6693 15.9962 21.1743 17.0418 20.4994C17.6425 20.117 17.7204 19.2621 17.2198 18.756C16.8639 18.396 16.2965 18.306 15.8738 18.5872C15.0284 19.1384 14.0829 19.5433 13.0595 19.7683C12.57 19.8808 12.2363 20.342 12.2363 20.8594ZM10.0115 20.8594C10.0115 21.5793 9.35521 22.1305 8.66553 21.973C3.70426 20.8369 0 16.3601 0 10.9946C0 5.62915 3.70426 1.15231 8.66553 0.0274805C9.35521 -0.129996 10.0115 0.409924 10.0115 1.12982C10.0115 1.64724 9.66668 2.10842 9.1661 2.2209C5.19487 3.12077 2.22478 6.70899 2.22478 10.9946C2.22478 15.2802 5.19487 18.8684 9.1661 19.7683C9.66668 19.8808 10.0115 20.342 10.0115 20.8594Z"
      fill={color}
    />
  </svg>
);

export default CircleLoaderIcon;