UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 891 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 AirPurifierIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M11,9C13.21,9 15,10.79 15,13C15,15.21 13.21,17 11,17C8.79,17 7,15.21 7,13C7,10.79 8.79,9 11,9M11,11C9.9,11 9,11.9 9,13C9,14.1 9.9,15 11,15C12.1,15 13,14.1 13,13C13,11.9 12.1,11 11,11M7,4H14C16.21,4 18,5.79 18,8V9H16V8C16,6.9 15.1,6 14,6H7C5.9,6 5,6.9 5,8V20H16V18H18V22H3V8C3,5.79 4.79,4 7,4M16,11C18.5,11 18.5,9 21,9V11C18.5,11 18.5,13 16,13V11M16,15C18.5,15 18.5,13 21,13V15C18.5,15 18.5,17 16,17V15Z' /> </Svg> ) AirPurifierIcon.displayName = 'AirPurifierIcon' AirPurifierIcon.defaultProps = { size: 24 } export default AirPurifierIcon