icon-customer-support.tsx

import { forwardRef } from 'react';
import type { IconProps } from './types';

const IconCustomerSupport = forwardRef<SVGSVGElement, IconProps>((props, ref) => {
  const { size = '1em', color = 'currentColor', className, style, ...rest } = props;
  return (
    <svg
      ref={ref}
      viewBox="0 0 1024 1024"
      width={size}
      height={size}
      fill={color}
      className={className}
      style={{ verticalAlign: "middle", ...style }}
      {...rest}
    >
      <g transform="translate(0, 896) scale(1, -1)">
        <path d="M480 800C286.56 800 128 641.44 128 448c0-69.216 26.912-127.232 51.008-179.008C203.072 217.216 224 171.87199999999996 224 124.99199999999996V-32h64v156.992c0 65.152-27.072 119.584-51.008 171.008C213.12 347.424 192 395.616 192 448c0 147.584 112.608 269.76 256 286.016v-227.008c-55.04-14.304-96-63.68-96-123.008 0-70.304 57.696-128 128-128 25.056 0 48.192 7.36 68 20L608 235.00800000000004a48.128 48.128 0 0 1 96 4.992 48 48 0 0 1-58.016 47.008L592 324c9.76 18.048 16 38.176 16 60 0 59.296-40.96 108.704-96 123.008V735.008c101.28-8.288 159.328-55.296 195.008-102.016 39.36-51.52 48.992-101.984 48.992-101.984l0.992-4 2.016-4L844 352a22.816 22.816 0 0 0 2.016-11.008h-2.016c-17.184-5.728-52-16-52-16l-24-5.984V224c0-21.344-12.032-46.016-31.008-64.992-18.976-18.976-43.648-31.008-64.992-31.008h-64v-160h64v96c42.656 0 81.984 19.968 111.008 48.992C812.032 142.01599999999996 832 181.34400000000005 832 224v47.008c10.88 3.072 18.176 4.16 30.016 8 0.992 0.256 1.984 0.672 2.976 0.992v0.992c20.608 6.56 37.856 23.616 43.008 42.016 5.44 19.456 2.048 37.536-4.992 53.984v1.024l-1.024 0.96-84.992 171.04-0.992 1.984c-2.496 11.2-15.296 62.752-59.008 120-48.64 63.68-136.416 128-276.992 128z m0-352c35.712 0 64-28.288 64-64s-28.288-64-64-64-64 28.288-64 64 28.288 64 64 64z" />
      </g>
    </svg>
  );
});

IconCustomerSupport.displayName = 'IconCustomerSupport';

export { IconCustomerSupport };