@lessondesk/material-icons/src/CameraPlus.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 CameraPlusIcon = ({
  size,
  ...props
}) => (
  <Svg
    {...props}
    viewBox='0 0 24 24'
    width={size}
    height={size}
    fill='currentcolor'
  >
    <path d='M3,4V1H5V4H8V6H5V9H3V6H0V4M6,10V7H9V4H16L17.8,6H21C22.1,6 23,6.9 23,8V20C23,21.1 22.1,22 21,22H5C3.9,22 3,21.1 3,20V10M13,19C17.45,19 19.69,13.62 16.54,10.46C13.39,7.31 8,9.55 8,14C8,16.76 10.24,19 13,19M9.8,14C9.8,16.85 13.25,18.28 15.26,16.26C17.28,14.25 15.85,10.8 13,10.8C11.24,10.8 9.8,12.24 9.8,14Z' />
  </Svg>
)

CameraPlusIcon.displayName = 'CameraPlusIcon'

CameraPlusIcon.defaultProps = {
  size: 24
}

export default CameraPlusIcon