UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 926 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 SubwayAlertVariantIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M16,11V6H11V11H16M14.5,17C15.33,17 16,16.33 16,15.5C16,14.67 15.33,14 14.5,14C13.67,14 13,14.67 13,15.5C13,16.33 13.67,17 14.5,17M9,11V6H4V11H9M5.5,17C6.33,17 7,16.33 7,15.5C7,14.67 6.33,14 5.5,14C4.67,14 4,14.67 4,15.5C4,16.33 4.67,17 5.5,17M10,2C14.42,2 18,2.5 18,6V15.5C18,17.43 16.43,19 14.5,19L16,20.5V21H4V20.5L5.5,19C3.57,19 2,17.43 2,15.5V6C2,2.5 5.58,2 10,2M20,12V7H22V12H20M20,16V14H22V16H20Z' /> </Svg> ) SubwayAlertVariantIcon.displayName = 'SubwayAlertVariantIcon' SubwayAlertVariantIcon.defaultProps = { size: 24 } export default SubwayAlertVariantIcon