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

function Mention(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="M18.9998 3.66675C8.87984 3.66675 0.666504 11.8801 0.666504 22.0001C0.666504 32.1201 8.87984 40.3334 18.9998 40.3334H28.1665V36.6667H18.9998C11.0432 36.6667 4.33317 29.9567 4.33317 22.0001C4.33317 14.0434 11.0432 7.33341 18.9998 7.33341C26.9565 7.33341 33.6665 14.0434 33.6665 22.0001V24.6217C33.6665 26.0701 32.3648 27.5001 30.9165 27.5001C29.4682 27.5001 28.1665 26.0701 28.1665 24.6217V22.0001C28.1665 16.9401 24.0598 12.8334 18.9998 12.8334C13.9398 12.8334 9.83317 16.9401 9.83317 22.0001C9.83317 27.0601 13.9398 31.1667 18.9998 31.1667C21.5298 31.1667 23.8398 30.1401 25.4898 28.4717C26.6815 30.1034 28.7348 31.1667 30.9165 31.1667C34.5282 31.1667 37.3332 28.2334 37.3332 24.6217V22.0001C37.3332 11.8801 29.1198 3.66675 18.9998 3.66675ZM18.9998 27.5001C15.9565 27.5001 13.4998 25.0434 13.4998 22.0001C13.4998 18.9567 15.9565 16.5001 18.9998 16.5001C22.0432 16.5001 24.4998 18.9567 24.4998 22.0001C24.4998 25.0434 22.0432 27.5001 18.9998 27.5001Z"
        id="Mention"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Mention;
