import * as React from 'react'; import { IconProps } from '../../types'; import { IconWrapper } from '../IconWrapper'; const MusicNote = (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="M9 19a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM21 17a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 19V8" stroke="currentColor" strokeWidth={1.5} /><path d="M20.25 11.5a.75.75 0 0 0 1.5 0h-1.5Zm1.5 0V6h-1.5v5.5h1.5Z" fill="currentColor" /><path d="m15.735 3.755-4 1.333c-1.32.44-1.98.66-2.357 1.184C9 6.796 9 7.492 9 8.882V12l12-4v-.45c0-2.533 0-3.8-.83-4.398-.831-.599-2.032-.198-4.435.603Z" 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="M9 19a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM21 17a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" stroke="currentColor" strokeWidth={1.5} /><path opacity={0.5} d="M9 19V8M21 17V6" stroke="currentColor" strokeWidth={1.5} /><path d="m15.735 3.755-4 1.333c-1.32.44-1.98.66-2.357 1.184C9 6.796 9 7.492 9 8.882V12l12-4v-.45c0-2.533 0-3.8-.83-4.398-.831-.599-2.032-.198-4.435.603Z" 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="M9 19a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM21 17a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9 19V8M21 17V6" stroke="currentColor" strokeWidth={1.5} /><path d="m15.735 3.755-4 1.333c-1.32.44-1.98.66-2.357 1.184C9 6.796 9 7.492 9 8.882V12l12-4v-.45c0-2.533 0-3.8-.83-4.398-.831-.599-2.032-.198-4.435.603Z" 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 fillRule="evenodd" clipRule="evenodd" d="M18.673 3.667c-.637.113-1.476.39-2.7.799l-4 1.333c-.677.226-1.124.376-1.454.53-.312.144-.447.261-.533.381-.086.12-.155.285-.194.627-.04.36-.042.833-.042 1.546v2.076l10.5-3.5c0-1.242-.004-2.1-.096-2.725-.091-.623-.248-.847-.423-.974-.175-.126-.438-.204-1.058-.093ZM21.74 6c-.012-.565-.04-1.06-.102-1.483-.116-.793-.375-1.501-1.03-1.974-.655-.472-1.409-.493-2.198-.353-.758.135-1.702.45-2.854.834l-4.098 1.365c-.626.21-1.155.386-1.571.58-.443.205-.827.46-1.118.864-.291.404-.412.849-.467 1.334A8.997 8.997 0 0 0 8.255 8H8.25V15.999a3.75 3.75 0 1 0 1.5 3V12.54l10.5-3.5V14a3.75 3.75 0 1 0 1.5 3V6h-.01Zm-1.49 11a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0Zm-12 2a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0Z" 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="m10.09 11.963 9.274-3.332v5.54a3.825 3.825 0 0 0-1.91-.501c-1.958 0-3.545 1.426-3.545 3.185 0 1.759 1.587 3.185 3.545 3.185 1.959 0 3.546-1.426 3.546-3.185V7.492c0-1.12 0-2.059-.088-2.807a6.724 6.724 0 0 0-.043-.31c-.084-.51-.234-.988-.522-1.386a2.244 2.244 0 0 0-.676-.617l-.009-.005c-.771-.461-1.639-.428-2.532-.224-.864.198-1.936.6-3.25 1.095l-2.284.859c-.615.231-1.137.427-1.547.63-.435.216-.81.471-1.092.851-.281.38-.398.79-.452 1.234-.05.418-.05.926-.05 1.525v7.794a3.825 3.825 0 0 0-1.91-.501C4.587 15.63 3 17.056 3 18.815 3 20.574 4.587 22 6.545 22c1.959 0 3.546-1.426 3.546-3.185v-6.852Z" 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="m10.09 11.963 9.273-3.332L21 7.952v-.46c0-1.12 0-2.059-.088-2.807a6.727 6.727 0 0 0-.043-.31c-.085-.51-.234-.988-.523-1.386a2.242 2.242 0 0 0-.675-.617l-.01-.005c-.77-.461-1.638-.428-2.532-.224-.864.198-1.935.6-3.249 1.095l-2.284.859c-.616.231-1.138.427-1.547.63-.436.216-.811.471-1.092.851-.282.38-.399.79-.452 1.234-.05.418-.05.926-.05 1.525v4.265l1.636-.64Z" fill="currentColor" /><g opacity={0.5} fill="currentColor"><path d="M8.455 16.13a3.825 3.825 0 0 0-1.91-.5C4.587 15.63 3 17.056 3 18.815 3 20.574 4.587 22 6.545 22c1.959 0 3.546-1.426 3.546-3.185v-6.852l-1.636.638v3.53ZM19.364 8.63v5.54a3.825 3.825 0 0 0-1.91-.5c-1.958 0-3.545 1.426-3.545 3.185 0 1.759 1.587 3.185 3.545 3.185 1.959 0 3.546-1.426 3.546-3.185V7.952l-1.636.679Z" /></g></svg> }; return <IconWrapper icon={styles[iconStyle || 'Linear']} {...restProps} /> }; export default MusicNote