import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const CircleTopDown = (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="M21.53 3.53a.75.75 0 0 0-1.06-1.06l1.06 1.06ZM12 12h-.75c0 .414.336.75.75.75V12Zm5.344.75a.75.75 0 0 0 0-1.5v1.5ZM12.75 6.656a.75.75 0 0 0-1.5 0h1.5Zm7.72-4.186-9 9 1.06 1.06 9-9-1.06-1.06ZM12 12.75h5.344v-1.5H12v1.5Zm.75-.75V6.656h-1.5V12h1.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="M21.53 3.53a.75.75 0 0 0-1.06-1.06l1.06 1.06ZM12 12h-.75c0 .414.336.75.75.75V12Zm5.344.75a.75.75 0 0 0 0-1.5v1.5ZM12.75 6.656a.75.75 0 0 0-1.5 0h1.5Zm7.72-4.186-9 9 1.06 1.06 9-9-1.06-1.06ZM12 12.75h5.344v-1.5H12v1.5Zm.75-.75V6.656h-1.5V12h1.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="M21.53 3.53a.75.75 0 0 0-1.06-1.06l1.06 1.06ZM12 12h-.75c0 .414.336.75.75.75V12Zm5.344.75a.75.75 0 0 0 0-1.5v1.5ZM12.75 6.656a.75.75 0 0 0-1.5 0h1.5Zm7.72-4.186-9 9 1.06 1.06 9-9-1.06-1.06ZM12 12.75h5.344v-1.5H12v1.5Zm.75-.75V6.656h-1.5V12h1.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="M21.53 3.53a.75.75 0 0 0-1.06-1.06l-7.72 7.72V6.655a.75.75 0 0 0-1.5 0V12c0 .414.336.75.75.75h5.344a.75.75 0 0 0 0-1.5H13.81l7.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="M21.53 2.47a.75.75 0 0 1 0 1.06l-7.72 7.72h3.534a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75V6.656a.75.75 0 0 1 1.5 0v3.533l7.72-7.72a.75.75 0 0 1 1.06 0Z" fill="currentColor" /><path d="M20.482 6.7 17.43 9.752a2.25 2.25 0 0 1-.086 4.498H12A2.25 2.25 0 0 1 9.75 12V6.656a2.25 2.25 0 0 1 4.498-.086L17.3 3.518A9.953 9.953 0 0 0 12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10a9.953 9.953 0 0 0-1.518-5.3Z" 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="M21.53 2.47a.75.75 0 0 1 0 1.06l-7.72 7.72h3.534a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75V6.656a.75.75 0 0 1 1.5 0v3.533l7.72-7.72a.75.75 0 0 1 1.06 0Z" fill="currentColor" /></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default CircleTopDown