icon-accessible.tsx

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

const IconAccessible = 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="M682.666667 597.333333a85.333333 85.333333 0 1 1-85.333334 85.333334 85.333333 85.333333 0 0 1 85.333334-85.333334z m-140.8-486.4A170.666667 170.666667 0 1 0 386.133333 384a42.666667 42.666667 0 1 1-9.386666 85.333333 256 256 0 0 1 28.586666-512 256 256 0 0 1 204.8 102.4 42.666667 42.666667 0 0 1-68.266666 51.2z m290.133333-68.266666h-42.666667v213.333333a42.666667 42.666667 0 0 1-42.666666 42.666667h-194.986667l72.106667 198.826666v13.226667a46.933333 46.933333 0 0 1 0 7.68 45.226667 45.226667 0 0 1 0 8.106667 59.733333 59.733333 0 0 1-3.84 7.253333 30.72 30.72 0 0 1-4.693334 6.4 27.306667 27.306667 0 0 1-6.4 5.546667s0 2.56-3.413333 3.413333L414.293333 659.2h-5.12a45.226667 45.226667 0 0 1-8.106666 2.56H384a34.133333 34.133333 0 0 1-8.533333-2.986667h-4.693334L256 591.7866670000001A42.666667 42.666667 0 0 1 276.48 512 42.666667 42.666667 0 0 1 298.666667 517.5466670000001l95.146666 55.466666 138.24-80.213333-80.64-222.293333a37.546667 37.546667 0 0 1 0-6.826667 24.746667 24.746667 0 0 1 0-7.68 128 128 0 0 1 3.413334-16.213333l4.693333-6.4a24.32 24.32 0 0 1 4.693333-6.826667 28.586667 28.586667 0 0 1 5.973334-3.84 52.053333 52.053333 0 0 1 8.106666-5.12 42.666667 42.666667 0 0 1 14.506667-2.56h213.333333v-213.333333a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333a42.666667 42.666667 0 0 1 0 85.333333z" />
      </g>
    </svg>
  );
});

IconAccessible.displayName = 'IconAccessible';

export { IconAccessible };