export const EmailIcon: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.608 2a2 2 0 00-1.912 1.412L1.089 8.637A2 2 0 001 9.225V12a2 2 0 002 2h10a2 2 0 002-2V9.225c0-.199-.03-.397-.089-.588l-1.608-5.225A2 2 0 0011.392 2H4.608zm9.215 6.5l-1.475-4.794A1 1 0 0011.392 3H4.608a1 1 0 00-.956.706L2.177 8.5h1.896a2 2 0 011.79 1.105l.17.342a1 1 0 00.895.553h2.145a1 1 0 00.895-.553l.17-.342a2 2 0 011.79-1.105h1.895z"
        fill="currentColor"
      />
    </svg>
  );
};


export const EmailAtIcon: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        opacity={0.2}
        d="M14 8.5a6 6 0 11-12 0 6 6 0 0112 0z"
        fill="currentColor"
      />
      <path
        d="M8 2a6.5 6.5 0 100 13c1.344 0 2.756-.405 3.777-1.083a.5.5 0 00-.554-.833C10.375 13.649 9.138 14 8 14a5.5 5.5 0 115.5-5.5c0 1.653-.68 2-1.25 2S11 10.153 11 8.5V6a.5.5 0 00-1 0v.266a3 3 0 10.37 4.069c.376.75 1.023 1.165 1.88 1.165 1.409 0 2.25-1.121 2.25-3A6.507 6.507 0 008 2zm0 8.5a2 2 0 110-4 2 2 0 010 4z"
        fill="currentColor"
      />
    </svg>
  );
};