import React from 'react';

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

export const MessengerIcon = forwardRef<typeof Icon>(
  function MessengerIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M10.02 1C4.94 1 1 4.72 1 9.73c0 2.63 1.08 4.9 2.83 6.46.3.27.24.43.3 2.11a.72.72 0 001 .64c1.93-.84 1.95-.91 2.28-.82C12.97 19.65 19 16.09 19 9.73 19 4.72 15.1 1 10.02 1zm5.42 6.72l-2.65 4.2c-.4.63-1.24.82-1.87.42l-.09-.06-2.1-1.58a.55.55 0 00-.66 0l-2.84 2.16c-.38.29-.88-.17-.62-.57l2.65-4.2a1.36 1.36 0 011.95-.36l2.11 1.58c.2.14.46.14.65 0l2.85-2.16c.38-.28.87.17.62.57z"
          />
        </svg>
      </Icon>
    );
  },
);
