import React from 'react';

const ArrowReturn = ({ 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="M14.9 5.33911C15.1485 5.00774 15.6186 4.94058 15.95 5.18911L19.95 8.18911C20.1389 8.33075 20.25 8.55304 20.25 8.78911C20.25 9.02517 20.1389 9.24747 19.95 9.38911L15.95 12.3891C15.6186 12.6376 15.1485 12.5705 14.9 12.2391C14.6515 11.9077 14.7186 11.4376 15.05 11.1891L17.25 9.53911H9.5C7.70507 9.53911 6.25 10.9942 6.25 12.7891C6.25 14.584 7.70507 16.0391 9.5 16.0391H19.5C19.9142 16.0391 20.25 16.3749 20.25 16.7891C20.25 17.2033 19.9142 17.5391 19.5 17.5391H9.5C6.87665 17.5391 4.75 15.4125 4.75 12.7891C4.75 10.1658 6.87665 8.03911 9.5 8.03911H17.25L15.05 6.38911C14.7186 6.14058 14.6515 5.67048 14.9 5.33911Z"
      fill={fill}
    />
  </svg>
);

export default ArrowReturn;
