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

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

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-unlock-25D${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 24 24" {...rest} ref={ref}><g><path fill={useCurrentColor ? 'currentColor' : '#75B70A'} d="M12.592 8.072h-2.538v-1.52c0-.644.127-1.246.382-1.802a4.67 4.67 0 0 1 1.056-1.47 4.938 4.938 0 0 1 1.593-.996 5.4 5.4 0 0 1 2.004-.364c.644 0 1.265.12 1.862.362a5.288 5.288 0 0 1 1.591.996c.464.424.833.915 1.108 1.472a4 4 0 0 1 .413 1.802v1.52h-2.436v-.956c0-.846-.235-1.5-.706-1.963-.47-.463-1.107-.696-1.913-.696-.726 0-1.309.233-1.752.696-.444.463-.664 1.117-.664 1.963v.956Zm5.08 1.209c.362 0 .674.132.935.393.263.262.394.574.394.936v7.684a2.688 2.688 0 0 1-.715 1.842c-.221.235-.484.42-.785.554a2.427 2.427 0 0 1-.997.202H6.332a2.358 2.358 0 0 1-1.742-.736 2.364 2.364 0 0 1-.482-.775 2.604 2.604 0 0 1-.172-.947V10.61c0-.362.127-.674.383-.936.254-.262.564-.393.926-.393h12.426Z"/><path stroke="#1A1B1E" strokeOpacity=".08" strokeWidth="2.4" d="M11.872 7.352h-1.098v-.8c0-.546.108-1.044.316-1.502.215-.47.52-.894.898-1.246a4.24 4.24 0 0 1 1.362-.852 4.706 4.706 0 0 1 1.74-.312c.552 0 1.08.103 1.592.31a4.54 4.54 0 0 1 1.376.861c.398.364.712.781.948 1.258.224.453.338.945.338 1.483v.8h-.996v-.236c0-.982-.276-1.842-.92-2.477-.633-.624-1.468-.901-2.418-.901-.894 0-1.676.293-2.273.917-.609.636-.864 1.491-.864 2.461v.236h-.001Zm5.8 2.649c.167 0 .297.051.426.182a.56.56 0 0 1 .183.427v7.684a1.97 1.97 0 0 1-.519 1.349 1.734 1.734 0 0 1-.554.39 1.716 1.716 0 0 1-.704.139H6.332a1.64 1.64 0 0 1-1.216-.509 1.644 1.644 0 0 1-.336-.541 1.884 1.884 0 0 1-.124-.688V10.61a.576.576 0 0 1 .179-.434.528.528 0 0 1 .41-.175h12.426Z"/><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M10.2 13.296a1.296 1.296 0 0 1 2.592 0v3.168a1.296 1.296 0 1 1-2.592 0v-3.168Z"/></g></svg>;
}

const IconUnlock25D = React.forwardRef(IconUnlock25DComponent);
export default IconUnlock25D;
