import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const VolumeKnob = (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="M17 12a5 5 0 1 0-5 5M12 7v4" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path d="M13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM6.697 5.282a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415ZM18.718 17.303a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415ZM18.718 6.697a1 1 0 1 1-1.415-1.415 1 1 0 0 1 1.415 1.415ZM6.697 18.718a1 1 0 1 1-1.415-1.415 1 1 0 0 1 1.415 1.415Z" fill="currentColor" /></svg>, LineDuotone: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><circle cx={12} cy={12} r={5} stroke="currentColor" strokeWidth={1.5} /><path opacity={0.5} d="M12 7v4" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path d="M13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="currentColor" /><path opacity={0.5} d="M20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM6.697 5.282a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415ZM18.718 17.303a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415ZM18.718 6.697a1 1 0 1 1-1.415-1.415 1 1 0 0 1 1.415 1.415ZM6.697 18.718a1 1 0 1 1-1.415-1.415 1 1 0 0 1 1.415 1.415Z" fill="currentColor" /></svg>, Linear: <svg width="inherit" height="inherit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><circle cx={12} cy={12} r={5} stroke="currentColor" strokeWidth={1.5} /><path d="M12 7v4" stroke="currentColor" strokeWidth={1.5} strokeLinecap="round" /><path d="M13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM6.697 5.282a1 1 0 1 1-1.414 1.415 1 1 0 0 1 1.414-1.415ZM18.717 17.303a1 1 0 1 1-1.414 1.415 1 1 0 0 1 1.414-1.415ZM18.717 6.697a1 1 0 1 1-1.414-1.415 1 1 0 0 1 1.414 1.415ZM6.697 18.718a1 1 0 1 1-1.414-1.415 1 1 0 0 1 1.414 1.415Z" 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="M11.25 7.816a4.251 4.251 0 1 0 1.5 0V11a.75.75 0 0 1-1.5 0V7.816ZM6.25 12a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0Z" fill="currentColor" /><path d="M13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM6.697 5.282a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415ZM18.718 17.303a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415ZM18.718 6.697a1 1 0 1 1-1.415-1.415 1 1 0 0 1 1.415 1.415ZM6.697 18.718a1 1 0 1 1-1.415-1.415 1 1 0 0 1 1.415 1.415Z" 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 d="M11.25 7.056a5.001 5.001 0 1 0 1.5 0V11a.75.75 0 0 1-1.5 0V7.056ZM13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM6.697 5.282a1 1 0 1 1-1.414 1.415 1 1 0 0 1 1.414-1.415ZM18.717 17.303a1 1 0 1 1-1.414 1.415 1 1 0 0 1 1.414-1.415ZM18.717 6.697a1 1 0 1 1-1.414-1.415 1 1 0 0 1 1.414 1.415ZM6.697 18.718a1 1 0 1 1-1.414-1.415 1 1 0 0 1 1.414 1.415Z" 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 d="M11.25 7.056a5.001 5.001 0 1 0 1.5 0V11a.75.75 0 0 1-1.5 0V7.056ZM13 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="currentColor" /><path opacity={0.5} d="M20.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3.5 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z" fill="currentColor" /><path opacity={0.7} d="M6.696 5.282a1 1 0 1 1-1.414 1.415 1 1 0 0 1 1.414-1.415Z" fill="currentColor" /><path opacity={0.4} d="M18.718 17.303a1 1 0 1 1-1.414 1.415 1 1 0 0 1 1.414-1.415Z" fill="currentColor" /><path opacity={0.7} d="M18.718 6.697a1 1 0 1 1-1.414-1.415 1 1 0 0 1 1.414 1.415Z" fill="currentColor" /><path opacity={0.4} d="M6.696 18.718a1 1 0 1 1-1.414-1.415 1 1 0 0 1 1.414 1.415Z" fill="currentColor" /></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default VolumeKnob