UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 1.17 kB
import React from 'react' import styled from 'styled-components' import { space, color } from 'styled-system' const Svg = styled('svg')({ flex: 'none' }, space, color) const AccountClockOutlineIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12C14.24,12 12,14.24 12,17C12,19.76 14.24,22 17,22C19.76,22 22,19.76 22,17C22,14.24 19.76,12 17,12M17,10C20.87,10 24,13.13 24,17C24,20.87 20.87,24 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4C11.21,4 13,5.79 13,8C13,10.21 11.21,12 9,12C6.79,12 5,10.21 5,8C5,5.79 6.79,4 9,4M9,5.9C7.84,5.9 6.9,6.84 6.9,8C6.9,9.16 7.84,10.1 9,10.1C10.16,10.1 11.1,9.16 11.1,8C11.1,6.84 10.16,5.9 9,5.9Z' /> </Svg> ) AccountClockOutlineIcon.displayName = 'AccountClockOutlineIcon' AccountClockOutlineIcon.defaultProps = { size: 24 } export default AccountClockOutlineIcon