UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 972 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 CashMarkerIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M18.5,16.8C17.8,16.8 17.3,16.2 17.3,15.6C17.3,14.9 17.9,14.4 18.5,14.4C19.1,14.4 19.7,15 19.7,15.6C19.8,16.2 19.2,16.8 18.5,16.8M18.5,12C16.6,12 15,13.6 15,15.5C15,18.1 18.5,22 18.5,22C18.5,22 22,18.1 22,15.5C22,13.6 20.4,12 18.5,12M14.9,11.3C14.6,10 13.4,9 12,9C10.3,9 9,10.3 9,12C9,13.7 10.3,15 12,15C12.4,15 12.7,14.9 13,14.8C13.2,13.4 13.9,12.2 14.9,11.3M13,16H7C7,14.9 6.1,14 5,14V10C6.1,10 7,9.1 7,8H17C17,9.1 17.9,10 19,10C19,10 20,10 21,10.6V6H3V18H13.5C13.3,17.3 13.1,16.7 13,16Z' /> </Svg> ) CashMarkerIcon.displayName = 'CashMarkerIcon' CashMarkerIcon.defaultProps = { size: 24 } export default CashMarkerIcon