nexxtway/react-rainbow

View on GitHub
library/styleguideComponents/ComponentsList/icons/experiencesIcon.js

Summary

Maintainability
B
4 hrs
Test Coverage
import React from 'react';
import PropTypes from 'prop-types';

const ExperiencesIcon = props => {
    const { className } = props;
    return (
        <svg className={className} width="23px" height="18px" viewBox="0 0 23 18" version="1.1">
            <g id="pages" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g id="customization-theming" transform="translate(-32.000000, -346.000000)">
                    <g id="Group-15" transform="translate(17.000000, 346.000000)">
                        <g id="experiences" transform="translate(15.000000, 0.000000)">
                            <path
                                d="M15.1523766,17.4502099 C14.8908573,17.2779392 13.3936939,16.7126978 13.3936939,16.7126978 L13.3860836,16.7124671 L12.9921903,13.5555556 L9.08531331,13.5555556 L8.69142003,16.7124671 L8.68380968,16.7126978 C8.68380968,16.7126978 7.18641565,17.2779392 6.92489635,17.4502099 L6.70304311,17.789447 C6.6114883,17.8496379 6.70465743,17.9520317 6.85017655,17.9520317 L11.0386365,17.9520317 L15.2270964,17.9520317 C15.3726156,17.9520317 15.4657847,17.8496379 15.3744605,17.789447 L15.1523766,17.4502099 Z"
                                id="Fill-2"
                                fill="#B3B5BD"
                            />
                            <g id="Group-26">
                                <path
                                    d="M20.9516828,0.0082334918 L1.07434649,0.0082334918 C0.4810545,0.0082334918 2.84217094e-13,0.513358782 2.84217094e-13,1.13660734 L2.84217094e-13,13.5468318 C2.84217094e-13,14.1700804 0.4810545,14.6752057 1.07434649,14.6752057 L20.9516828,14.6752057 C21.5452316,14.6752057 22.0262861,14.1700804 22.0262861,13.5468318 L22.0262861,1.13660734 C22.0262861,0.513358782 21.5452316,0.0082334918 20.9516828,0.0082334918"
                                    id="Fill-4"
                                    fill="#CED0D9"
                                />
                                <path
                                    d="M7.45686549,13.4617642 L14.7613112,13.4617642 C18.1739271,13.4617642 20.9403989,10.6952924 20.9403989,7.28267646 C20.9403989,3.87006055 18.1739271,1.10358875 14.7613112,1.10358875 L7.45686549,1.10358875 C4.04424958,1.10358875 1.27777778,3.87006055 1.27777778,7.28267646 C1.27777778,10.6952924 4.04424958,13.4617642 7.45686549,13.4617642 Z"
                                    id="Fill-6"
                                    fill="#576574"
                                />
                            </g>
                            <g id="browser" transform="translate(1.166667, 0.888889)">
                                <path
                                    d="M0.0128872863,12.3794338 C0.0128872863,12.5747463 0.171260684,12.7331197 0.366573184,12.7331197 L19.4795807,12.7331197 C19.6748932,12.7331197 19.8332666,12.5747463 19.8332666,12.3794338 L19.8332666,2.1230235 L0.0128872863,2.1230235 L0.0128872863,12.3794338 Z"
                                    id="Shape"
                                    fill="#FFFFFF"
                                    fillRule="nonzero"
                                />
                                <path
                                    d="M19.4795807,0.00102831197 L0.366573184,0.00102831197 C0.171260684,0.00102831197 0.0128872863,0.159401709 0.0128872863,0.354714209 L0.0128872863,2.12306357 L19.8332666,2.12306357 L19.8332666,0.354714209 C19.8332666,0.159361645 19.6748932,0.00102831197 19.4795807,0.00102831197 Z"
                                    id="Shape"
                                    fill="#01B6F5"
                                    fillRule="nonzero"
                                />
                                <path
                                    d="M12.1840011,11.5941861 L18.3060363,11.5941861 C18.5013488,11.5941861 18.6597222,11.4358127 18.6597222,11.2405002 L18.6597222,3.8913328 C18.6597222,4.0866453 18.5013488,4.2450187 18.3060363,4.2450187 L12.1840011,4.2450187 C11.9886886,4.2450187 11.8303152,4.0866453 11.8303152,3.8913328 L11.8303152,11.2405002 C11.8303152,11.4358528 11.9886485,11.5941861 12.1840011,11.5941861 Z"
                                    id="Path"
                                    fillOpacity="0.658203125"
                                    fill="#E3E5ED"
                                />
                                <path
                                    d="M12.1840011,4.24505876 L18.3060363,4.24505876 C18.5013488,4.24505876 18.6597222,4.08668536 18.6597222,3.89137286 L18.6597222,3.53768697 C18.6597222,3.34237447 18.5013488,3.18400107 18.3060363,3.18400107 L12.1840011,3.18400107 C11.9886886,3.18400107 11.8303152,3.34237447 11.8303152,3.53768697 L11.8303152,3.89137286 C11.8303152,4.08668536 11.9886485,4.24505876 12.1840011,4.24505876 Z"
                                    id="Path"
                                    fill="#FF6837"
                                />
                                <g
                                    id="Group"
                                    transform="translate(2.249466, 3.103632)"
                                    fill="#ECEEF3"
                                >
                                    <path
                                        d="M0.385456731,0.385456731 L0.385456731,8.21482372 C0.385456731,8.41013622 0.227083333,8.56850962 0.0317708333,8.56850962 L8.16614583,8.56850962 C8.36145833,8.56850962 8.51983173,8.41013622 8.51983173,8.21482372 L8.51983173,0.385456731 C8.51983173,0.190144231 8.36145833,0.0317708333 8.16614583,0.0317708333 L0.0317708333,0.0317708333 C0.227083333,0.0317708333 0.385456731,0.190144231 0.385456731,0.385456731 Z"
                                        id="Path"
                                    />
                                </g>
                                <path
                                    d="M1.92759081,11.672102 L2.28127671,11.672102 C2.47658921,11.672102 2.63496261,11.5137286 2.63496261,11.3184161 L2.63496261,3.4539942 C2.63496261,3.2586817 2.47658921,3.1003083 2.28127671,3.1003083 L1.92759081,3.1003083 C1.73227831,3.1003083 1.57390491,3.2586817 1.57390491,3.4539942 L1.57390491,11.3184161 C1.57390491,11.5137286 1.73223825,11.672102 1.92759081,11.672102 Z"
                                    id="Path"
                                    fill="#01B6F5"
                                />
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </svg>
    );
};

ExperiencesIcon.propTypes = {
    className: PropTypes.string,
};

ExperiencesIcon.defaultProps = {
    className: undefined,
};

export default ExperiencesIcon;