react-jam-ui
Version:
React JAM UI components
46 lines (42 loc) • 2.46 kB
JavaScript
import React from 'react'
import classNames from 'classnames'
export default class IconFileXls extends React.Component {
constructor(){
super();
this.state = {
};
}
render() {
const {
size,
className,
...rest
} = this.props;
const h = size || '1em'
const w = size ? h * 0.8856 : '0.8856em';
const icon = `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 72.266 81.602" fill="currentColor"><path d="M67.691,29.188h-1.957v-9.454c0-0.058-0.011-0.121-0.015-0.179c-0.004-0.375-0.125-0.742-0.383-1.035
L49.602,0.547c-0.004-0.004-0.008-0.008-0.012-0.012c-0.094-0.105-0.203-0.191-0.317-0.265c-0.035-0.024-0.07-0.043-0.105-0.063
c-0.102-0.055-0.207-0.102-0.316-0.133c-0.032-0.008-0.055-0.019-0.086-0.027C48.648,0.02,48.523,0,48.398,0H9.734
C7.969,0,6.531,1.438,6.531,3.199v25.989H4.574C2.047,29.188,0,31.234,0,33.762v23.781c0,2.527,2.047,4.574,4.574,4.574h1.957
v16.281c0,1.766,1.438,3.204,3.203,3.204h52.797c1.766,0,3.203-1.438,3.203-3.204V62.121h1.957c2.528,0,4.575-2.051,4.575-4.574
V33.762C72.266,31.234,70.219,29.188,67.691,29.188L67.691,29.188z M9.734,3.199h37.063V19.57c0,0.887,0.719,1.602,1.601,1.602
h14.133v8.016H9.734V3.199z M45.637,52.496v4.641H30.371V32.695h5.551v19.801H45.637z M6.332,57.137l7.07-12.367L6.586,32.695
h6.348l2.136,4.461c0.727,1.485,1.27,2.684,1.852,4.063h0.07c0.582-1.563,1.051-2.649,1.668-4.063l2.067-4.461h6.312l-6.891,11.93
l7.254,12.512H21.02l-2.215-4.426c-0.903-1.703-1.485-2.973-2.172-4.387h-0.074c-0.508,1.414-1.125,2.684-1.887,4.387l-2.031,4.426
H6.332z M62.531,77.535H9.734V62.121h52.797V77.535z M54.883,57.5c-2.789,0-5.547-0.727-6.926-1.488l1.125-4.567
c1.488,0.758,3.773,1.524,6.129,1.524c2.539,0,3.879-1.055,3.879-2.649c0-1.523-1.16-2.394-4.098-3.445
c-4.058-1.414-6.707-3.664-6.707-7.219c0-4.168,3.481-7.359,9.246-7.359c2.758,0,4.789,0.582,6.239,1.234l-1.235,4.461
c-0.976-0.472-2.719-1.164-5.113-1.164c-2.391,0-3.551,1.09-3.551,2.36c0,1.558,1.375,2.25,4.531,3.445
c4.317,1.594,6.344,3.844,6.344,7.289C64.746,54.02,61.594,57.5,54.883,57.5L54.883,57.5z M54.883,57.5"/></svg>`
const classes = classNames(
'icon',
'icon-file-xls',
this.props.className
);
return <i
className={ classes }
dangerouslySetInnerHTML={{__html: icon }}
{ ...rest }
/>;
}
}