import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const CircleTopUp = (allProps: IconProps) => { const { svgProps: props, iconStyle, ...restProps } = allProps; const styles: { [style: string]: React.ReactNode } = { Broken: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M12.47 10.47a.75.75 0 1 0 1.06 1.06l-1.06-1.06ZM22 2h.75a.75.75 0 0 0-.75-.75V2Zm-5.344-.75a.75.75 0 0 0 0 1.5v-1.5Zm4.594 6.094a.75.75 0 0 0 1.5 0h-1.5Zm-7.72 4.186 9-9-1.06-1.06-9 9 1.06 1.06ZM22 1.25h-5.344v1.5H22v-1.5Zm-.75.75v5.344h1.5V2h-1.5Z" fill="currentColor" /><path d="M12 2C6.477 2 2 6.477 2 12c0 1.821.487 3.53 1.338 5M22 12c0 5.523-4.477 10-10 10a9.955 9.955 0 0 1-5-1.338" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /></svg>, LineDuotone: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M12.47 10.47a.75.75 0 1 0 1.06 1.06l-1.06-1.06ZM22 2h.75a.75.75 0 0 0-.75-.75V2Zm-5.344-.75a.75.75 0 0 0 0 1.5v-1.5Zm4.594 6.094a.75.75 0 0 0 1.5 0h-1.5Zm-7.72 4.186 9-9-1.06-1.06-9 9 1.06 1.06ZM22 1.25h-5.344v1.5H22v-1.5Zm-.75.75v5.344h1.5V2h-1.5Z" fill="currentColor" /><path opacity={0.5} d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /></svg>, Linear: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M12.47 10.47a.75.75 0 1 0 1.06 1.06l-1.06-1.06ZM22 2h.75a.75.75 0 0 0-.75-.75V2Zm-5.344-.75a.75.75 0 0 0 0 1.5v-1.5Zm4.594 6.094a.75.75 0 0 0 1.5 0h-1.5Zm-7.72 4.186 9-9-1.06-1.06-9 9 1.06 1.06ZM22 1.25h-5.344v1.5H22v-1.5Zm-.75.75v5.344h1.5V2h-1.5Z" fill="currentColor" /><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /></svg>, Outline: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M21.25 12A9.25 9.25 0 1 1 12 2.75a.75.75 0 0 0 0-1.5C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12a.75.75 0 0 0-1.5 0Z" fill="currentColor" /><path d="M12.47 10.47a.75.75 0 1 0 1.06 1.06l7.72-7.72v3.534a.75.75 0 0 0 1.5 0V2a.75.75 0 0 0-.75-.75h-5.344a.75.75 0 0 0 0 1.5h3.533l-7.72 7.72Z" fill="currentColor" /></svg>, Bold: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path fillRule="evenodd" clipRule="evenodd" d="M14.5 2.75a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V4.56l-6.72 6.72a.75.75 0 1 1-1.06-1.06l6.72-6.72h-4.19a.75.75 0 0 1-.75-.75Z" fill="currentColor" /><path d="M11.25 2.75c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10c0-.599-.053-1.185-.154-1.755A2.25 2.25 0 0 1 19 8.75v-.568l-4.159 4.159a2.25 2.25 0 1 1-3.182-3.182L15.818 5h-.568a2.25 2.25 0 0 1-2.245-2.096c-.57-.101-1.156-.154-1.755-.154Z" fill="currentColor" /></svg>, BoldDuotone: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path opacity={0.5} d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" fill="currentColor" /><path fillRule="evenodd" clipRule="evenodd" d="M12.47 11.53a.75.75 0 0 1 0-1.06l7.72-7.72h-3.534a.75.75 0 0 1 0-1.5H22a.75.75 0 0 1 .75.75v5.344a.75.75 0 0 1-1.5 0V3.81l-7.72 7.72a.75.75 0 0 1-1.06 0Z" fill="currentColor" /></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default CircleTopUp