@lessondesk/material-icons/src/AccountArrowLeftOutline.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 AccountArrowLeftOutlineIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M18,21L15,18L18,15V17H22V19H18V21M13,18C13,18.71 13.15,19.39 13.42,20H2V17C2,14.79 5.58,13 10,13C11,13 11.96,13.09 12.85,13.26C13.68,13.42 14.44,13.64 15.11,13.92C13.83,14.83 13,16.32 13,18M4,17V18H11C11,16.96 11.23,15.97 11.64,15.08L10,15C6.69,15 4,15.9 4,17M10,4C12.21,4 14,5.79 14,8C14,10.21 12.21,12 10,12C7.79,12 6,10.21 6,8C6,5.79 7.79,4 10,4M10,6C8.9,6 8,6.9 8,8C8,9.1 8.9,10 10,10C11.1,10 12,9.1 12,8C12,6.9 11.1,6 10,6Z' />
  </Svg>
)

AccountArrowLeftOutlineIcon.displayName = 'AccountArrowLeftOutlineIcon'

AccountArrowLeftOutlineIcon.defaultProps = {
  size: 24
}

export default AccountArrowLeftOutlineIcon