mirror of
https://github.com/CoreyGinnivan/system-uicons.git
synced 2024-06-01 13:32:41 +02:00
55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
|
import React, { forwardRef } from 'react'
|
||
|
import PropTypes from 'prop-types'
|
||
|
const CalendarMonth = forwardRef(
|
||
|
({ color = 'currentColor', size = 21, ...rest }, ref) => {
|
||
|
return (
|
||
|
<svg
|
||
|
ref={ref}
|
||
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
width={size}
|
||
|
height={size}
|
||
|
viewBox="0 0 21 21"
|
||
|
fill="none"
|
||
|
stroke={color}
|
||
|
strokeWidth="1"
|
||
|
strokeLinecap="round"
|
||
|
strokeLinejoin="round"
|
||
|
{...rest}
|
||
|
>
|
||
|
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
|
||
|
<path
|
||
|
d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z"
|
||
|
stroke="#2a2e3b"
|
||
|
stroke-linecap="round"
|
||
|
stroke-linejoin="round"
|
||
|
></path>
|
||
|
<path
|
||
|
d="m.5 4.5h16"
|
||
|
stroke="#2a2e3b"
|
||
|
stroke-linecap="round"
|
||
|
stroke-linejoin="round"
|
||
|
></path>
|
||
|
<g fill="#2a2e3b">
|
||
|
<g>
|
||
|
<circle cx="8.5" cy="8.5" r="1"></circle>
|
||
|
<circle cx="4.5" cy="8.5" r="1"></circle>
|
||
|
<circle cx="12.5" cy="8.5" r="1"></circle>
|
||
|
</g>
|
||
|
<g>
|
||
|
<circle cx="8.5" cy="12.5" r="1"></circle>
|
||
|
<circle cx="4.5" cy="12.5" r="1"></circle>
|
||
|
<circle cx="12.5" cy="12.5" r="1"></circle>
|
||
|
</g>
|
||
|
</g>
|
||
|
</g>
|
||
|
</svg>
|
||
|
)
|
||
|
}
|
||
|
)
|
||
|
CalendarMonth.propTypes = {
|
||
|
color: PropTypes.string,
|
||
|
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
||
|
}
|
||
|
CalendarMonth.displayName = 'CalendarMonth'
|
||
|
export default CalendarMonth
|