@lessondesk/material-icons
Version:
Material Icon SVGs as React Components
28 lines (23 loc) • 1.2 kB
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 DatabaseRefreshIcon = ({
size,
...props
}) => (
<Svg
{...props}
viewBox='0 0 24 24'
width={size}
height={size}
fill='currentcolor'
>
<path d='M19,12V13.5C21.21,13.5 23,15.29 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5C21.5,16.12 20.38,15 19,15V16.5L16.75,14.25L19,12M19,23V21.5C16.79,21.5 15,19.71 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5C16.5,18.88 17.62,20 19,20V18.5L21.25,20.75L19,23M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C13.11,13 14.17,12.89 15.14,12.68C14.19,13.54 13.5,14.67 13.18,15.96L12,16C7.58,16 4,14.21 4,12V9M20,9V11H19.5L18.9,11.03C19.6,10.43 20,9.74 20,9M4,14C4,16.21 7.58,18 12,18L13,17.97C13.09,19.03 13.42,20 13.95,20.88L12,21C7.58,21 4,19.21 4,17V14Z' />
</Svg>
)
DatabaseRefreshIcon.displayName = 'DatabaseRefreshIcon'
DatabaseRefreshIcon.defaultProps = {
size: 24
}
export default DatabaseRefreshIcon