import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconHBrowserFilledComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-H-Browser-filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M4.89945 10.8H7.23426C7.3413 8.94435 7.69463 7.23491 8.23963 5.85876C6.50092 6.92564 5.25006 8.7102 4.89945 10.8ZM11.9999 2.40002C6.69797 2.40002 2.3999 6.69809 2.3999 12C2.3999 17.302 6.69797 21.6 11.9999 21.6C17.3018 21.6 21.5999 17.302 21.5999 12C21.5999 6.69809 17.3018 2.40002 11.9999 2.40002ZM11.9999 4.80002C11.9086 4.80002 11.7213 4.83809 11.4415 5.11423C11.1566 5.39547 10.8449 5.86191 10.5573 6.53303C10.0909 7.62135 9.74979 9.10273 9.63874 10.8H14.3611C14.25 9.10273 13.9089 7.62135 13.4425 6.53303C13.1549 5.86191 12.8432 5.39547 12.5583 5.11423C12.2785 4.83809 12.0912 4.80002 11.9999 4.80002ZM16.7655 10.8C16.6585 8.94435 16.3052 7.23491 15.7602 5.85876C17.4989 6.92564 18.7497 8.7102 19.1004 10.8H16.7655ZM14.3611 13.2H9.63874C9.74979 14.8973 10.0909 16.3787 10.5573 17.467C10.8449 18.1381 11.1566 18.6046 11.4415 18.8858C11.7213 19.162 11.9086 19.2 11.9999 19.2C12.0912 19.2 12.2785 19.162 12.5583 18.8858C12.8432 18.6046 13.1549 18.1381 13.4425 17.467C13.9089 16.3787 14.25 14.8973 14.3611 13.2ZM15.7602 18.1413C16.3052 16.7651 16.6585 15.0557 16.7655 13.2H19.1004C18.7497 15.2898 17.4989 17.0744 15.7602 18.1413ZM8.23963 18.1413C7.69464 16.7651 7.3413 15.0557 7.23426 13.2H4.89945C5.25006 15.2898 6.50092 17.0744 8.23963 18.1413Z"/></svg>;
}

const IconHBrowserFilled = React.forwardRef(IconHBrowserFilledComponent);
export default IconHBrowserFilled;
