@lessondesk/material-icons/src/AccountStarOutline.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 AccountStarOutlineIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M15,4C17.21,4 19,5.79 19,8C19,10.21 17.21,12 15,12C12.79,12 11,10.21 11,8C11,5.79 12.79,4 15,4M15,5.9C13.84,5.9 12.9,6.84 12.9,8C12.9,9.16 13.84,10.1 15,10.1C16.16,10.1 17.1,9.16 17.1,8C17.1,6.84 16.16,5.9 15,5.9M15,13C17.67,13 23,14.33 23,17V20H7V17C7,14.33 12.33,13 15,13M15,14.9C12,14.9 8.9,16.36 8.9,17V18.1H21.1V17C21.1,16.36 17.97,14.9 15,14.9M5,13.28L2.5,14.77L3.18,11.96L1,10.08L3.87,9.83L5,7.19L6.11,9.83L9,10.08L6.8,11.96L7.45,14.77L5,13.28Z' />
  </Svg>
)

AccountStarOutlineIcon.displayName = 'AccountStarOutlineIcon'

AccountStarOutlineIcon.defaultProps = {
  size: 24
}

export default AccountStarOutlineIcon