import React from 'react';

const Settings = ({ 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">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.5455 3.78906H13.4545C14.5089 3.78906 15.3636 4.59495 15.3636 5.58906C15.3636 6.72668 16.5808 7.44994 17.58 6.90604L17.6815 6.8508C18.5946 6.35374 19.7622 6.64872 20.2894 7.50965L21.2439 9.06849C21.7711 9.92942 21.4582 11.0303 20.5451 11.5273C19.5455 12.0715 19.5455 13.5066 20.5451 14.0508C21.4582 14.5478 21.7711 15.6487 21.2439 16.5096L20.2894 18.0685C19.7622 18.9294 18.5946 19.2244 17.6815 18.7273L17.58 18.6721C16.5808 18.1282 15.3636 18.8514 15.3636 19.9891C15.3636 20.9832 14.5089 21.7891 13.4545 21.7891H11.5455C10.4911 21.7891 9.63635 20.9832 9.63635 19.9891C9.63635 18.8514 8.41917 18.1282 7.42 18.6721L7.31851 18.7273C6.40541 19.2244 5.23782 18.9294 4.71064 18.0685L3.75609 16.5096C3.22891 15.6487 3.54176 14.5479 4.45487 14.0508C5.45451 13.5066 5.45451 12.0715 4.45487 11.5273C3.54176 11.0303 3.22891 9.92941 3.75609 9.06848L4.71064 7.50963C5.23782 6.64871 6.40541 6.35373 7.31852 6.85079L7.42 6.90603C8.41917 7.44993 9.63635 6.72667 9.63635 5.58906C9.63635 4.59495 10.4911 3.78906 11.5455 3.78906ZM12.5 15.7891C14.1569 15.7891 15.5 14.4459 15.5 12.7891C15.5 11.1322 14.1569 9.78906 12.5 9.78906C10.8432 9.78906 9.50001 11.1322 9.50001 12.7891C9.50001 14.4459 10.8432 15.7891 12.5 15.7891Z"
      fill={fill}
      className={className}
    />
  </svg>
);

export default Settings;
