import React from 'react'
import Svg, { G, Path, Circle } from 'react-native-svg'

import { SvgIconProps } from '../components/SvgIcon'

function Playlist(props: SvgIconProps): React.ReactElement {
  return (
    <Svg width={48} height={48} viewBox="0 0 48 48" style={{}} {...props}>
      <G fill="none" fillRule="evenodd">
        <Circle
          stroke={props.tintColor}
          strokeWidth={2}
          cx={14}
          cy={16}
          r={2}
        />
        <Path
          stroke={props.tintColor}
          strokeWidth={2}
          strokeLinecap="round"
          strokeLinejoin="round"
          d="M20.073 16H35.94"
        />
        <Circle
          stroke={props.tintColor}
          strokeWidth={2}
          cx={14}
          cy={24}
          r={2}
        />
        <Path
          stroke={props.tintColor}
          strokeWidth={2}
          strokeLinecap="round"
          strokeLinejoin="round"
          d="M20.073 24H35.94"
        />
        <Circle
          stroke={props.tintColor}
          strokeWidth={2}
          cx={14}
          cy={32}
          r={2}
        />
        <Path
          stroke={props.tintColor}
          strokeWidth={2}
          strokeLinecap="round"
          strokeLinejoin="round"
          d="M20.073 32H35.94"
        />
      </G>
    </Svg>
  )
}

export default Playlist