import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function Contact(theme: IconTheme | undefined = undefined) {
  return (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M22.0001 3.66663C11.8801 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8801 40.3333 22.0001 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 22.0001 3.66663ZM12.9617 33.5133C13.7501 31.8633 18.5534 30.25 22.0001 30.25C25.4467 30.25 30.2684 31.8633 31.0384 33.5133C28.5451 35.4933 25.4101 36.6666 22.0001 36.6666C18.5901 36.6666 15.4551 35.4933 12.9617 33.5133ZM33.6601 30.855C31.0384 27.665 24.6767 26.5833 22.0001 26.5833C19.3234 26.5833 12.9617 27.665 10.3401 30.855C8.47008 28.3983 7.33341 25.3366 7.33341 22C7.33341 13.915 13.9151 7.33329 22.0001 7.33329C30.0851 7.33329 36.6667 13.915 36.6667 22C36.6667 25.3366 35.5301 28.3983 33.6601 30.855ZM22.0001 11C18.4434 11 15.5834 13.86 15.5834 17.4166C15.5834 20.9733 18.4434 23.8333 22.0001 23.8333C25.5567 23.8333 28.4167 20.9733 28.4167 17.4166C28.4167 13.86 25.5567 11 22.0001 11ZM22.0001 20.1666C20.4784 20.1666 19.2501 18.9383 19.2501 17.4166C19.2501 15.895 20.4784 14.6666 22.0001 14.6666C23.5217 14.6666 24.7501 15.895 24.7501 17.4166C24.7501 18.9383 23.5217 20.1666 22.0001 20.1666Z"
        id="Contact"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Contact;
