@lessondesk/material-icons
Version:
Material Icon SVGs as React Components
28 lines (23 loc) • 677 B
JavaScript
import React from 'react'
import styled from 'styled-components'
import { space, color } from 'styled-system'
const Svg = styled('svg')({ flex: 'none' }, space, color)
const CalendarRangeIcon = ({
size,
...props
}) => (
<Svg
{...props}
viewBox='0 0 24 24'
width={size}
height={size}
fill='currentcolor'
>
<path d='M9,10H7V12H9V10M13,10H11V12H13V10M17,10H15V12H17V10M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.9 20.1,3 19,3M19,19H5V8H19V19Z' />
</Svg>
)
CalendarRangeIcon.displayName = 'CalendarRangeIcon'
CalendarRangeIcon.defaultProps = {
size: 24
}
export default CalendarRangeIcon