import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const EvernoteIcon = forwardRef<typeof Icon>(
  function EvernoteIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M7.3 4.68c0 .2-.03.51-.22.72-.2.2-.52.2-.71.2H4.33c-.6 0-.94 0-1.18.04-.13.01-.29.08-.37.11-.03.02-.03 0-.01-.02L7.42.98c.01-.02.03-.02.01.01-.03.08-.1.24-.1.37-.04.24-.04.6-.04 1.19v2.13Zm4.32 14.39a2.36 2.36 0 0 1-1.12-1.99 2.42 2.42 0 0 1 2.43-2.42c.4 0 .72.33.72.72a.7.7 0 0 1-.37.63.89.89 0 0 1-.27.1c-.08.01-.38.04-.52.17a.75.75 0 0 0-.29.56c0 .24.1.47.26.63.28.29.66.45 1.08.45 1.08 0 1.96-.88 1.96-1.98 0-.97-.65-1.84-1.51-2.22-.13-.07-.34-.11-.53-.16a6.08 6.08 0 0 0-.48-.08c-.67-.08-2.34-.61-2.45-2.1 0 0-.5 2.24-1.49 2.85a1.65 1.65 0 0 1-.71.18 5.78 5.78 0 0 1-4.5-1.64s-.8-.66-1.2-2.5c-.1-.45-.3-1.25-.4-2-.06-.27-.07-.48-.09-.67 0-.79.48-1.32 1.09-1.4h3.25c.56 0 .87-.14 1.08-.33.27-.26.34-.63.34-1.06V1.42C7.98.84 8.5.35 9.28.35h.38c.16 0 .36.01.53.03.13.01.24.05.43.1C11.6.7 11.8 1.7 11.8 1.7l2.76.48c.87.16 3.04.3 3.46 2.5a35.7 35.7 0 0 1 .33 10.29c-.68 4.93-4.76 4.7-4.76 4.7-.88 0-1.54-.3-1.97-.6Zm3.67-10.5c-.53-.04-.97.16-1.13.57-.03.08-.07.17-.05.22.02.05.05.06.08.08.2.1.51.15.97.2.46.04.78.07.99.04.03 0 .06-.01.1-.06.03-.05.01-.15.01-.23-.06-.45-.44-.75-.97-.82Z"
          />
        </svg>
      </Icon>
    );
  },
);
