import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const SortFromTopToBottom = (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="M4 16h9M6 11h7M8 6h5" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path d="M16.25 4a.75.75 0 0 1 1.5 0h-1.5ZM17 20l.6.45a.75.75 0 0 1-1.35-.45H17Zm2.4-4.45a.75.75 0 1 1 1.2.9l-1.2-.9ZM17.75 4v16h-1.5V4h1.5ZM16.4 19.55l3-4 1.2.9-3 4-1.2-.9Z" fill="currentColor" /></svg>, LineDuotone: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M4 16h9" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path opacity={0.7} d="M6 11h7" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path opacity={0.3} d="M8 6h5" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path d="M16.25 4a.75.75 0 0 1 1.5 0h-1.5ZM17 20l.6.45a.75.75 0 0 1-1.35-.45H17Zm2.4-4.45a.75.75 0 1 1 1.2.9l-1.2-.9ZM17.75 4v16h-1.5V4h1.5ZM16.4 19.55l3-4 1.2.9-3 4-1.2-.9Z" fill="currentColor" /></svg>, Linear: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M4 16h9M6 11h7M8 6h5" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path d="M16.25 4a.75.75 0 0 1 1.5 0h-1.5ZM17 20l.6.45a.75.75 0 0 1-1.35-.45H17Zm2.4-4.45a.75.75 0 1 1 1.2.9l-1.2-.9ZM17.75 4v16h-1.5V4h1.5ZM16.4 19.55l3-4 1.2.9-3 4-1.2-.9Z" fill="currentColor" /></svg>, Outline: <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="M17 3.25a.75.75 0 0 1 .75.75v13.75l1.65-2.2a.75.75 0 1 1 1.2.9l-3 4a.75.75 0 0 1-1.35-.45V4a.75.75 0 0 1 .75-.75ZM7.25 6A.75.75 0 0 1 8 5.25h5a.75.75 0 0 1 0 1.5H8A.75.75 0 0 1 7.25 6Zm-2 5a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75Zm-2 5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75Z" 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="M17 3.25a.75.75 0 0 1 .75.75v13.75l1.65-2.2a.75.75 0 1 1 1.2.9l-3 4a.75.75 0 0 1-1.35-.45V4a.75.75 0 0 1 .75-.75ZM7.25 6A.75.75 0 0 1 8 5.25h5a.75.75 0 0 1 0 1.5H8A.75.75 0 0 1 7.25 6Zm-2 5a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75Zm-2 5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75Z" 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 fillRule="evenodd" clipRule="evenodd" d="M17 3.25a.75.75 0 0 1 .75.75v13.75l1.65-2.2a.75.75 0 1 1 1.2.9l-3 4a.75.75 0 0 1-1.35-.45V4a.75.75 0 0 1 .75-.75Z" fill="currentColor" /><path d="M3.25 16a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75Z" fill="currentColor" /><path opacity={0.7} d="M5.25 11a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75Z" fill="currentColor" /><path opacity={0.4} d="M7.25 6A.75.75 0 0 1 8 5.25h5a.75.75 0 0 1 0 1.5H8A.75.75 0 0 1 7.25 6Z" fill="currentColor" /></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default SortFromTopToBottom