nexxtway/react-rainbow

View on GitHub
library/exampleComponents/Icons/file.js

Summary

Maintainability
A
2 hrs
Test Coverage
import React from 'react';
import PropTypes from 'prop-types';

const File = props => {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="16px" height="20px" viewBox="0 0 16 20">
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="Components-Tree"
                    transform="translate(-172.000000, -1302.000000)"
                    fillRule="nonzero"
                >
                    <g id="Group-30" transform="translate(127.000000, 1189.000000)">
                        <g id="file" transform="translate(45.000000, 113.000000)">
                            <g id="Group">
                                <path
                                    d="M15.9930286,7.676875 L15.9930286,18.3951953 C15.9930286,19.2817188 15.2924952,20.0000391 14.4283429,20.0000391 L1.57169524,20.0000391 C0.833104762,20.0000391 0.214209524,19.4752734 0.049752381,18.7694531 L0.0434666667,17.8519531 L0.00697142857,12.3879688 L0.00697142857,1.60484375 C0.00697142857,0.718320313 0.707504762,0 1.57169524,0 L8.50628571,0 C9.12948571,0 11.1478476,1.76457031 12.9319238,3.62292969 C14.5598095,5.31910156 15.9930286,7.09335938 15.9930286,7.676875 Z"
                                    id="Path"
                                    fill="#DDEAFB"
                                />
                                <path
                                    d="M15.9930286,7.676875 L15.9930286,11.6032422 C15.9930286,11.5988281 15.9926476,11.594375 15.9926476,11.5895703 C15.8748952,6.771875 12.0477333,6.54894531 10.7962286,5.265625 L12.9319238,3.62296875 C14.5598095,5.31910156 15.9930286,7.09335937 15.9930286,7.676875 Z"
                                    id="Path"
                                    fill="#CBE2FF"
                                />
                                <path
                                    d="M8.50605714,0 L4.67691429,0 C4.68121905,0 4.6855619,0.000390625 4.69024762,0.000390625 C9.38864762,0.121132812 9.60605714,4.04546875 10.8576,5.32875 L12.459581,3.13882812 C10.8054095,1.46960937 9.07512381,0 8.50605714,0 Z"
                                    id="Path"
                                    fill="#CBE2FF"
                                />
                                <path
                                    d="M15.9929905,7.67707031 L15.9929905,8.35585938 C15.9929905,6.92675781 14.862819,5.76785156 13.4690667,5.76785156 L11.9329143,5.76785156 C11.0687619,5.76785156 10.3679238,5.04921875 10.3679238,4.163125 L10.3679238,2.58800781 C10.3679619,1.15886719 9.23775238,-5.55111512e-16 7.8440381,-5.55111512e-16 L8.50601905,-5.55111512e-16 C9.69801905,-5.55111512e-16 10.8415619,0.485664062 11.684419,1.34988281 L14.6765333,4.41796875 C15.5193524,5.28222656 15.9929905,6.45480469 15.9929905,7.67707031 Z"
                                    id="Path"
                                    fill="#BED8FB"
                                />
                            </g>
                            <g id="Group" transform="translate(2.323810, 4.296875)" fill="#617881">
                                <path
                                    d="M11.0268952,5.079375 L0.325257143,5.079375 C0.162704762,5.079375 0.0309333333,4.94425781 0.0309333333,4.77757812 C0.0309333333,4.61089844 0.162704762,4.47578125 0.325257143,4.47578125 L11.0268952,4.47578125 C11.1894476,4.47578125 11.3212191,4.61089844 11.3212191,4.77757812 C11.3212191,4.94425781 11.1894857,5.079375 11.0268952,5.079375 Z"
                                    id="Path"
                                />
                                <path
                                    d="M11.0268952,6.68480469 L0.325257143,6.68480469 C0.162704762,6.68480469 0.0309333333,6.5496875 0.0309333333,6.38300781 C0.0309333333,6.21632812 0.162704762,6.08121094 0.325257143,6.08121094 L11.0268952,6.08121094 C11.1894476,6.08121094 11.321219,6.21632812 11.321219,6.38300781 C11.321219,6.5496875 11.1894857,6.68480469 11.0268952,6.68480469 Z"
                                    id="Path"
                                />
                                <path
                                    d="M11.0268952,8.29023437 L0.325257143,8.29023437 C0.162704762,8.29023437 0.0309333333,8.15511719 0.0309333333,7.9884375 C0.0309333333,7.82175781 0.162704762,7.68664062 0.325257143,7.68664062 L11.0268952,7.68664062 C11.1894476,7.68664062 11.3212191,7.82175781 11.3212191,7.9884375 C11.3212191,8.15511719 11.1894857,8.29023437 11.0268952,8.29023437 Z"
                                    id="Path"
                                />
                                <path
                                    d="M4.25649524,9.89566406 L0.325257143,9.89566406 C0.162704762,9.89566406 0.0309333333,9.76054687 0.0309333333,9.59386719 C0.0309333333,9.4271875 0.162704762,9.29207031 0.325257143,9.29207031 L4.25649524,9.29207031 C4.41904762,9.29207031 4.55081905,9.4271875 4.55081905,9.59386719 C4.55081905,9.76054687 4.41904762,9.89566406 4.25649524,9.89566406 Z"
                                    id="Path"
                                />
                                <path
                                    d="M4.25649524,0.626484375 L0.325257143,0.626484375 C0.162704762,0.626484375 0.0309333333,0.491367187 0.0309333333,0.3246875 C0.0309333333,0.158007813 0.162704762,0.022890625 0.325257143,0.022890625 L4.25649524,0.022890625 C4.41904762,0.022890625 4.55081905,0.158007813 4.55081905,0.3246875 C4.55081905,0.491367187 4.41904762,0.626484375 4.25649524,0.626484375 Z"
                                    id="Path"
                                />
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </svg>
    );
};

File.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
};

File.defaultProps = {
    className: undefined,
    style: undefined,
};

export default File;