@lessondesk/material-icons/src/BabyFaceOutline.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 BabyFaceOutlineIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M14.5,9.25C15.19,9.25 15.75,9.81 15.75,10.5C15.75,11.19 15.19,11.75 14.5,11.75C13.81,11.75 13.25,11.19 13.25,10.5C13.25,9.81 13.81,9.25 14.5,9.25M9.5,9.25C10.19,9.25 10.75,9.81 10.75,10.5C10.75,11.19 10.19,11.75 9.5,11.75C8.81,11.75 8.25,11.19 8.25,10.5C8.25,9.81 8.81,9.25 9.5,9.25M7.5,14H16.5C15.74,15.77 14,17 12,17C10,17 8.26,15.77 7.5,14M1,12C1,10.19 2.2,8.66 3.86,8.17C5.29,5.11 8.4,3 12,3C15.6,3 18.71,5.11 20.15,8.17C21.8,8.66 23,10.19 23,12C23,13.81 21.8,15.34 20.15,15.83C18.71,18.89 15.6,21 12,21C8.4,21 5.29,18.89 3.86,15.83C2.2,15.34 1,13.81 1,12M12,5C8.82,5 6.14,7.12 5.28,10H5C3.9,10 3,10.9 3,12C3,13.1 3.9,14 5,14H5.28C6.14,16.88 8.82,19 12,19C15.18,19 17.86,16.88 18.72,14H19C20.1,14 21,13.1 21,12C21,10.9 20.1,10 19,10H18.72C17.86,7.12 15.18,5 12,5Z' />
  </Svg>
)

BabyFaceOutlineIcon.displayName = 'BabyFaceOutlineIcon'

BabyFaceOutlineIcon.defaultProps = {
  size: 24
}

export default BabyFaceOutlineIcon