export const HeartIcon: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9 16C8.77222 16 8.55261 15.9188 8.38147 15.7714C7.73511 15.2156 7.11194 14.6932 6.56213 14.2324L6.55933 14.23C4.94739 12.879 3.55542 11.7123 2.58691 10.563C1.50427 9.27817 1 8.05996 1 6.72914C1 5.43613 1.45081 4.24325 2.26929 3.37008C3.09753 2.48659 4.23401 2 5.46973 2C6.39331 2 7.23914 2.28717 7.98364 2.85348C8.35938 3.13933 8.69995 3.48918 9 3.89725C9.30017 3.48918 9.64062 3.13933 10.0165 2.85348C10.761 2.28717 11.6068 2 12.5304 2C13.766 2 14.9026 2.48659 15.7308 3.37008C16.5493 4.24325 17 5.43613 17 6.72914C17 8.05996 16.4958 9.27817 15.4132 10.5629C14.4447 11.7123 13.0529 12.8789 11.4412 14.2298C10.8904 14.6913 10.2662 15.2145 9.61841 15.7717C9.44739 15.9188 9.22766 16 9 16ZM5.46973 2.92179C4.4989 2.92179 3.60706 3.30285 2.95825 3.99485C2.2998 4.6973 1.93713 5.66832 1.93713 6.72914C1.93713 7.84842 2.36011 8.84945 3.30847 9.97486C4.2251 11.0627 5.5885 12.2054 7.16711 13.5285L7.17004 13.5309C7.72192 13.9935 8.34753 14.5179 8.99866 15.0778C9.65369 14.5168 10.2803 13.9916 10.8333 13.5283C12.4117 12.2051 13.775 11.0627 14.6917 9.97486C15.6399 8.84945 16.0629 7.84842 16.0629 6.72914C16.0629 5.66832 15.7002 4.6973 15.0417 3.99485C14.3931 3.30285 13.5011 2.92179 12.5304 2.92179C11.8192 2.92179 11.1663 3.14414 10.5897 3.58258C10.0759 3.97348 9.71802 4.46764 9.50818 4.8134C9.40027 4.9912 9.21033 5.09733 9 5.09733C8.78967 5.09733 8.59973 4.9912 8.49182 4.8134C8.2821 4.46764 7.92419 3.97348 7.41028 3.58258C6.83374 3.14414 6.18079 2.92179 5.46973 2.92179Z"
        fill="currentColor"
        stroke="currentColor"
        strokeWidth="0.3"
      />
    </svg>
  );
};