import React from 'react';

const Logout = ({ 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="M6.97458 3.50433C8.66252 2.37903 10.8797 3.41068 11.2085 5.30543H14.5C16.0188 5.30543 17.25 6.53665 17.25 8.05543C17.25 8.46965 16.9142 8.80543 16.5 8.80543C16.0858 8.80543 15.75 8.46965 15.75 8.05543C15.75 7.36508 15.1904 6.80543 14.5 6.80543H11.25V19.3054H14.5C15.1904 19.3054 15.75 18.7458 15.75 18.0554C15.75 17.6412 16.0858 17.3054 16.5 17.3054C16.9142 17.3054 17.25 17.6412 17.25 18.0554C17.25 19.5742 16.0188 20.8054 14.5 20.8054H11.2085C10.8797 22.7002 8.66252 23.7318 6.97458 22.6065L4.97457 21.2732C4.20953 20.7632 3.75 19.9045 3.75 18.9851V7.1258C3.75 6.20633 4.20953 5.34769 4.97457 4.83766L6.97458 3.50433ZM17.9697 15.3194C17.6768 15.0265 17.6768 14.5516 17.9697 14.2587L18.6893 13.5391L13.5 13.5391C13.0858 13.5391 12.75 13.2033 12.75 12.7891C12.75 12.3748 13.0858 12.0391 13.5 12.0391L18.6893 12.0391L17.9697 11.3194C17.6768 11.0265 17.6768 10.5516 17.9697 10.2587C18.2626 9.96584 18.7374 9.96584 19.0303 10.2587L20.3232 11.5516C21.0066 12.235 21.0066 13.3431 20.3232 14.0265L19.0303 15.3194C18.7374 15.6123 18.2626 15.6123 17.9697 15.3194Z"
      fill={fill}
    />
  </svg>
);

export default Logout;
