import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const Figma = (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 8.667H8.667m3.333 0V2H8.667a3.333 3.333 0 0 0 0 6.667m3.333 0v6.666H8.667M12 8.667h3.333m-6.666 0a3.333 3.333 0 0 0 0 6.666m0 0A3.333 3.333 0 1 0 12 18.667m3.333-10a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666Zm0 0a3.333 3.333 0 0 0 0-6.667" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round" /></svg>, LineDuotone: <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 2H8.667a3.333 3.333 0 0 0 0 6.667H12V2Z" stroke="currentColor" strokeWidth={1.5} /><path d="M12 8.666H8.667a3.333 3.333 0 0 0 0 6.667H12V8.666Z" stroke="currentColor" strokeWidth={1.5} /><path opacity={0.5} d="M18.667 12A3.333 3.333 0 1 1 12 12a3.333 3.333 0 0 1 6.667 0ZM8.667 15.334H12v3.333a3.333 3.333 0 1 1-3.333-3.334Z" stroke="currentColor" strokeWidth={1.5} /><path d="M12 2h3.333a3.333 3.333 0 1 1 0 6.667H12V2Z" stroke="currentColor" strokeWidth={1.5} /></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 2H8.667a3.333 3.333 0 1 0 0 6.667H12V2Z" stroke="currentColor" strokeWidth={1.5} /><path d="M12 8.666H8.667a3.333 3.333 0 0 0 0 6.667H12V8.666Z" stroke="currentColor" strokeWidth={1.5} /><path d="M18.667 12A3.333 3.333 0 1 1 12 12a3.333 3.333 0 0 1 6.667 0ZM8.667 15.334H12v3.333a3.333 3.333 0 1 1-3.333-3.334Z" stroke="currentColor" strokeWidth={1.5} /><path d="M12 2h3.333a3.333 3.333 0 1 1 0 6.667H12V2Z" stroke="currentColor" strokeWidth={1.5} /></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="M8.667 1.25a4.083 4.083 0 0 0-2.36 7.417A4.078 4.078 0 0 0 4.584 12c0 1.376.681 2.594 1.725 3.333a4.083 4.083 0 1 0 6.442 3.333v-3.504a4.083 4.083 0 1 0 4.942-6.496 4.083 4.083 0 0 0-2.36-7.417H8.669Zm2.583 13.333H8.667a2.583 2.583 0 1 1 0-5.166h2.583v5.166ZM8.667 7.917h2.583V2.75H8.667a2.583 2.583 0 1 0 0 5.167Zm9.25-2.584a2.583 2.583 0 0 1-2.58 2.584H12.75V2.75h2.584a2.583 2.583 0 0 1 2.583 2.583Zm-5.167 6.664a2.583 2.583 0 0 1 2.58-2.58h.006a2.583 2.583 0 1 1-2.586 2.586v-.006Zm-4.083 4.086a2.583 2.583 0 1 0 2.583 2.584v-2.584H8.667Z" 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="M8.667 9.417a2.583 2.583 0 1 0 0 5.166h2.583v-2.531a4.511 4.511 0 0 1 0-.104V9.417H8.667Zm2.583-1.5H8.667a2.583 2.583 0 0 1 0-5.167h2.583v5.167Zm1.5-5.167v5.167h2.583a2.584 2.584 0 0 0 0-5.167H12.75Zm2.583 6.666a2.583 2.583 0 0 0-2.583 2.542v.083a2.583 2.583 0 1 0 2.583-2.625Zm-6.666 6.667a2.584 2.584 0 1 0 2.583 2.584v-2.584H8.667Z" 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.6} d="M11.667 2H8.333a3.333 3.333 0 1 0 0 6.667h3.334V2Z" fill="currentColor" /><path opacity={0.4} d="M11.667 8.666H8.333a3.333 3.333 0 0 0 0 6.667h3.334V8.666Z" fill="currentColor" /><path d="M18.333 12a3.333 3.333 0 1 1-6.667 0 3.333 3.333 0 0 1 6.667 0Z" fill="currentColor" /><path opacity={0.2} d="M8.333 15.334h3.334v3.333a3.333 3.333 0 1 1-3.334-3.334Z" fill="currentColor" /><path opacity={0.8} d="M11.666 2h3.333a3.333 3.333 0 1 1 0 6.667h-3.333V2Z" fill="currentColor" /></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default Figma