UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 922 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 MineIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M23,13V11H19.93C19.75,9.58 19.19,8.23 18.31,7.1L20.5,4.93L19.07,3.5L16.9,5.69C15.77,4.81 14.42,4.25 13,4.07V1H11V4.07C9.58,4.25 8.23,4.81 7.1,5.69L4.93,3.5L3.5,4.93L5.69,7.1C4.81,8.23 4.25,9.58 4.07,11H1V13H4.07C4.25,14.42 4.81,15.77 5.69,16.9L3.5,19.07L4.93,20.5L7.1,18.31C8.23,19.19 9.58,19.75 11,19.93V23H13V19.93C14.42,19.75 15.77,19.19 16.9,18.31L19.07,20.5L20.5,19.07L18.31,16.9C19.19,15.77 19.75,14.42 19.93,13H23M12,8C9.79,8 8,9.79 8,12H6C6,8.69 8.69,6 12,6V8Z' /> </Svg> ) MineIcon.displayName = 'MineIcon' MineIcon.defaultProps = { size: 24 } export default MineIcon