graff.training/src/components/icons/ProcessesIcon.tsx

export function ProcessesIcon({ animated }: { animated: boolean }) {
  return (
    <svg
      id="Ремонти обслуживание"
      width="44"
      height="44"
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      style={{ maxWidth: '100%', maxHeight: '100%' }}
    >
      <path
        d="M7 7L38 7L38 38"
        stroke="white"
        strokeWidth="0.96655"
        strokeDasharray="0,0,0,62"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,62; 
          0,31,31,0; 
          62,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M38 38L7.00001 38L7.00001 7"
        stroke="white"
        strokeWidth="0.96655"
        strokeDasharray="0,0,0,61.99999237060547"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,61.99999237060547; 
          0,30.999996185302734,30.999996185302734,0; 
          61.99999237060547,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M20 20L20 10.7907L14.878 6L6 6L6 14.8682L10.7805 20L20 20Z"
        fill="#202332"
        strokeDasharray="0,0,0,50.20170593261719"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,50.20170593261719; 
          0,25.100852966308594,25.100852966308594,0; 
          50.20170593261719,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M18.7424 18.7695L18.7424 11.0276L14.4471 7.00024L7.00186 7.00024L7.00186 14.4554L11.0108 18.7695L18.7424 18.7695Z"
        fill="white"
        strokeDasharray="0,0,0,42.15119171142578"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,42.15119171142578; 
          0,21.07559585571289,21.07559585571289,0; 
          42.15119171142578,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M26 26L26 16.7907L20.878 12L12 12L12 20.8682L16.7805 26L26 26Z"
        fill="#202332"
        strokeDasharray="0,0,0,50.20170593261719"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,50.20170593261719; 
          0,25.100852966308594,25.100852966308594,0; 
          50.20170593261719,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M24.7424 24.7695L24.7424 17.0276L20.4471 13.0002L13.0019 13.0002L13.0019 20.4554L17.0108 24.7695L24.7424 24.7695Z"
        fill="white"
        strokeDasharray="0,0,0,42.15119171142578"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,42.15119171142578; 
          0,21.07559585571289,21.07559585571289,0; 
          42.15119171142578,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M33 33L33 23.7907L27.878 19L19 19L19 27.8682L23.7805 33L33 33Z"
        fill="#202332"
        strokeDasharray="0,0,0,50.20170593261719"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,50.20170593261719; 
          0,25.100852966308594,25.100852966308594,0; 
          50.20170593261719,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M31.7424 31.7695L31.7424 24.0276L27.4471 20.0002L20.0019 20.0002L20.0019 27.4554L24.0108 31.7695L31.7424 31.7695Z"
        fill="white"
        strokeDasharray="0,0,0,42.15119171142578"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,42.15119171142578; 
          0,21.07559585571289,21.07559585571289,0; 
          42.15119171142578,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M39 39L39 29.7907L33.878 25L25 25L25 33.8682L29.7805 39L39 39Z"
        fill="#202332"
        strokeDasharray="0,0,0,50.20170593261719"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,50.20170593261719; 
          0,25.100852966308594,25.100852966308594,0; 
          50.20170593261719,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
      <path
        d="M37.7424 37.7695L37.7424 30.0276L33.4471 26.0002L26.0019 26.0002L26.0019 33.4554L30.0108 37.7695L37.7424 37.7695Z"
        fill="white"
        strokeDasharray="0,0,0,42.15119552612305"
      >
        {animated && (
          <animate
            attributeType="XML"
            attributeName="stroke-dasharray"
            repeatCount="indefinite"
            dur="2.5s"
            values="0,0,0,42.15119552612305; 
          0,21.075597763061523,21.075597763061523,0; 
          42.15119552612305,0,0,0"
            keyTimes="0; 0.5; 1"
            fill="freeze"
          ></animate>
        )}
      </path>
    </svg>
  );
}