<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M21.5 12.7891C21.5 17.7596 17.4706 21.7891 12.5 21.7891C7.52944 21.7891 3.5 17.7596 3.5 12.7891C3.5 7.8185 7.52944 3.78906 12.5 3.78906C15.8313 3.78906 18.7398 5.59896 20.296 8.28906M20.296 8.28906V3.78906M20.296 8.28906H15.875"
    stroke="#121212"
    stroke-width="1.5"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
</svg>;
import React from 'react';

const Reload = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M20.5 12.4006V6.78906C20.5 4.57992 18.7091 2.78906 16.5 2.78906H8.5C6.29086 2.78906 4.5 4.57992 4.5 6.78906V12.4006C4.82161 12.3276 5.15631 12.2891 5.5 12.2891H6.5C7.60165 12.2891 8.63901 12.8077 9.3 13.6891L10.5 15.2891C10.9721 15.9186 11.7131 16.2891 12.5 16.2891C13.2869 16.2891 14.0279 15.9186 14.5 15.2891L15.7 13.6891C16.361 12.8077 17.3983 12.2891 18.5 12.2891H19.5C19.8437 12.2891 20.1784 12.3276 20.5 12.4006ZM16.25 8.78906C16.25 9.20328 15.9142 9.53906 15.5 9.53906H9.5C9.08579 9.53906 8.75 9.20328 8.75 8.78906C8.75 8.37485 9.08579 8.03906 9.5 8.03906H15.5C15.9142 8.03906 16.25 8.37485 16.25 8.78906ZM22.5 16.7891V19.7891C22.5 21.4459 21.1569 22.7891 19.5 22.7891H5.5C3.84315 22.7891 2.5 21.4459 2.5 19.7891V16.7891C2.5 15.1322 3.84315 13.7891 5.5 13.7891H6.5C7.12951 13.7891 7.72229 14.0855 8.1 14.5891L9.3 16.1891C10.0554 17.1963 11.241 17.7891 12.5 17.7891C13.759 17.7891 14.9446 17.1963 15.7 16.1891L16.9 14.5891C17.2777 14.0855 17.8705 13.7891 18.5 13.7891H19.5C21.1569 13.7891 22.5 15.1322 22.5 16.7891Z"
      fill={fill}
    />
  </svg>
);

export default Reload;
