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

function Help(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="M20.1667 33.0001H23.8334V29.3334H20.1667V33.0001ZM22.0001 3.66675C11.8801 3.66675 3.66675 11.8801 3.66675 22.0001C3.66675 32.1201 11.8801 40.3334 22.0001 40.3334C32.1201 40.3334 40.3334 32.1201 40.3334 22.0001C40.3334 11.8801 32.1201 3.66675 22.0001 3.66675ZM22.0001 36.6667C13.9151 36.6667 7.33341 30.0851 7.33341 22.0001C7.33341 13.9151 13.9151 7.33341 22.0001 7.33341C30.0851 7.33341 36.6667 13.9151 36.6667 22.0001C36.6667 30.0851 30.0851 36.6667 22.0001 36.6667ZM22.0001 11.0001C17.9484 11.0001 14.6667 14.2817 14.6667 18.3334H18.3334C18.3334 16.3167 19.9834 14.6667 22.0001 14.6667C24.0167 14.6667 25.6667 16.3167 25.6667 18.3334C25.6667 22.0001 20.1667 21.5417 20.1667 27.5001H23.8334C23.8334 23.3751 29.3334 22.9167 29.3334 18.3334C29.3334 14.2817 26.0517 11.0001 22.0001 11.0001Z"
        id="Help"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Help;
