UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 798 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 ScriptTextOutlineIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M15,20C15.55,20 16,19.55 16,19V4H8C7.45,4 7,4.45 7,5V16H5V5C5,3.34 6.34,2 8,2H19C20.66,2 22,3.34 22,5V6H20V5C20,4.45 19.55,4 19,4C18.45,4 18,4.45 18,5V9L18,19C18,20.66 16.66,22 15,22H5C3.34,22 2,20.66 2,19V18H13C13,19.1 13.9,20 15,20M9,6H14V8H9V6M9,10H14V12H9V10M9,14H14V16H9V14Z' /> </Svg> ) ScriptTextOutlineIcon.displayName = 'ScriptTextOutlineIcon' ScriptTextOutlineIcon.defaultProps = { size: 24 } export default ScriptTextOutlineIcon