import React from 'react';
import { Icon } from '../Icon';
import type { IconProps } from '../.types/IconPropsType';

export function SepiaIcon(props: IconProps) {
  return (
    <Icon {...props}>
      <svg
        width="16"
        height="8"
        viewBox="0 0 16 8"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path d="M15.747 2.9C15.671 2.85612 15.5848 2.83301 15.497 2.83301C15.4092 2.83301 15.323 2.85612 15.247 2.9C14.623 3.274 13.954 2.768 12.926 1.9C12.2371 1.146 11.31 0.651717 10.3 0.5C9.86377 0.514849 9.43506 0.617938 9.03976 0.803042C8.64445 0.988147 8.29076 1.25143 8.00001 1.577C7.70927 1.25143 7.35557 0.988147 6.96027 0.803042C6.56497 0.617938 6.13625 0.514849 5.70001 0.5C4.6911 0.652371 3.76513 1.1466 3.07701 1.9C2.04901 2.77 1.37701 3.274 0.756012 2.9C0.679858 2.85461 0.593003 2.83028 0.504349 2.8295C0.415695 2.82873 0.32843 2.85155 0.251498 2.89561C0.174566 2.93967 0.110733 3.0034 0.0665413 3.08026C0.0223499 3.15712 -0.000610841 3.24434 1.23563e-05 3.333C0.0221718 3.90994 0.159199 4.47666 0.403072 4.99999C0.646945 5.52332 0.992764 5.99274 1.42029 6.38078C1.84781 6.76882 2.34844 7.06768 2.89288 7.25986C3.43732 7.45203 4.01463 7.53368 4.59101 7.5C5.22529 7.5037 5.85385 7.38001 6.43944 7.13626C7.02502 6.89251 7.5557 6.53367 8.00001 6.081C8.44439 6.53358 8.97509 6.89236 9.56065 7.13611C10.1462 7.37985 10.7748 7.50359 11.409 7.5C11.9854 7.53368 12.5627 7.45203 13.1071 7.25986C13.6516 7.06768 14.1522 6.76882 14.5797 6.38078C15.0073 5.99274 15.3531 5.52332 15.597 4.99999C15.8408 4.47666 15.9779 3.90994 16 3.333C15.9997 3.24494 15.9761 3.15852 15.9317 3.08249C15.8873 3.00645 15.8236 2.9435 15.747 2.9Z" />
      </svg>
    </Icon>
  );
}
