UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 998 B
import React from 'react' import styled from 'styled-components' import { space, color } from 'styled-system' const Svg = styled('svg')({ flex: 'none' }, space, color) const AvTimerIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M11,17C11,17.55 11.45,18 12,18C12.55,18 13,17.55 13,17C13,16.45 12.55,16 12,16C11.45,16 11,16.45 11,17M11,3V7H13V5.08C16.39,5.57 19,8.47 19,12C19,15.87 15.87,19 12,19C8.13,19 5,15.87 5,12C5,10.32 5.59,8.78 6.58,7.58L12,13L13.41,11.59L6.61,4.79V4.81C4.42,6.45 3,9.05 3,12C3,16.97 7.03,21 12,21C16.97,21 21,16.97 21,12C21,7.03 16.97,3 12,3M18,12C18,11.45 17.55,11 17,11C16.45,11 16,11.45 16,12C16,12.55 16.45,13 17,13C17.55,13 18,12.55 18,12M6,12C6,12.55 6.45,13 7,13C7.55,13 8,12.55 8,12C8,11.45 7.55,11 7,11C6.45,11 6,11.45 6,12Z' /> </Svg> ) AvTimerIcon.displayName = 'AvTimerIcon' AvTimerIcon.defaultProps = { size: 24 } export default AvTimerIcon