@lessondesk/material-icons/src/Rewind30.js

Material Icon SVGs as React Components

import React from 'react'
import styled from 'styled-components'
import { space, color } from 'styled-system'

const Svg = styled('svg')({ flex: 'none' }, space, color)

const Rewind30Icon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M19,14V20C19,21.11 18.11,22 17,22H15C13.9,22 13,21.1 13,20V14C13,12.9 13.9,12 15,12H17C18.11,12 19,12.9 19,14M15,14V20H17V14H15M11,20C11,21.11 10.1,22 9,22H5V20H9V18H7V16H9V14H5V12H9C10.1,12 11,12.9 11,14V15.5C11,16.33 10.33,17 9.5,17C10.33,17 11,17.67 11,18.5V20M12.5,3C17.15,3 21.08,6.03 22.47,10.22L20.1,11C19.05,7.81 16.04,5.5 12.5,5.5C10.54,5.5 8.77,6.22 7.38,7.38L10,10H3V3L5.6,5.6C7.45,4 9.85,3 12.5,3Z' />
  </Svg>
)

Rewind30Icon.displayName = 'Rewind30Icon'

Rewind30Icon.defaultProps = {
  size: 24
}

export default Rewind30Icon