// This file is autogenerated by wrapSVGs.ts
// Changes to this file will be overwritten

import React, { useId } from 'react'
import { SVG } from '~components/IconV1/subcomponents/SVG'
import type { IconProps } from '~components/IconV1/types'

export const SupportIcon = (props: IconProps): JSX.Element => {
  const uniqueId = useId()
  const svgContent = (
    <>
      <defs>
        <path
          id={uniqueId}
          d="M10 14.5c-.92 0-1.776-.276-2.488-.75l-3.213 3.213A8.96 8.96 0 0 0 10 19a8.96 8.96 0 0 0 5.685-2.023l-3.215-3.215A4.5 4.5 0 0 1 10 14.5m6.963-10.201L13.75 7.51c.474.713.75 1.57.75 2.489 0 .913-.272 1.762-.738 2.471l3.215 3.215A8.97 8.97 0 0 0 19 10c0-2.164-.764-4.15-2.037-5.701M5.5 10c0-.913.272-1.762.738-2.471L3.023 4.314A8.97 8.97 0 0 0 1 10c0 2.164.764 4.15 2.037 5.701l3.213-3.213A4.5 4.5 0 0 1 5.5 10M10 5.5c.92 0 1.776.276 2.489.75l3.213-3.213A8.97 8.97 0 0 0 10 1a8.96 8.96 0 0 0-5.685 2.023l3.214 3.215A4.5 4.5 0 0 1 10 5.5"
        />
      </defs>
      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
    </>
  )
  return <SVG {...props}>{svgContent}</SVG>
}
