import * as React from 'react'
import Svg, { Path } from 'react-native-svg'
import { SvgIconProps } from '../components/SvgIcon'

export const MusicNoteSmall: React.FC<SvgIconProps> = ({
  stroke,
  size,
  style,
}) => {
  return (
    <Svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      style={style}
    >
      <Path
        d="M9 18V5l12-2v13"
        stroke={stroke}
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M6 21a3 3 0 100-6 3 3 0 000 6zM18 19a3 3 0 100-6 3 3 0 000 6z"
        stroke="#5E6C86"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  )
}

MusicNoteSmall.defaultProps = { stroke: '#5E6C86', size: 24 }