application/components/layout/ceo-logo-big.js

import React, {Component} from 'react';

class CeoLogoBig extends Component {
    render() {
        return (
            <svg 
                viewBox='0 0 428.213 131.509' 
                style={{width:this.props.width, height:this.props.height, verticalAlign:'middle'}} 
                {...this.props} 
                >
                <path fill={this.props.fillColor1 ? this.props.fillColor1 : '#03A9F4'} d="M338.246,18.832C325.375,6.286,309.519,0,290.598,0c-9.063,0-17.406,1.444-25.081,4.302
                    c-8.356,3.145-15.894,7.984-22.586,14.53l-0.481,0.468c-2.906,2.922-5.521,6.006-7.733,9.248
                    c-0.084,0.121-0.189,0.234-0.27,0.358c-1.522,2.259-2.907,4.575-4.109,7.011c-1.274,2.518-2.367,5.114-3.234,7.824
                    c-0.43,1.174-0.769,2.352-1.101,3.56c-1.377,5.06-2.123,10.392-2.306,16.028v4.659c-0.459,11.829-4.812,21.981-12.965,30.414
                    c-8.677,8.993-19.304,13.457-31.911,13.457c-12.627,0-23.274-4.464-31.904-13.457c-2.364-2.428-4.408-5.02-6.098-7.723
                    c-0.802-1.226-2.106-2.923-1.734-4.489c0.447-1.418,1.519-2.69,2.554-3.833c12.495-13.398,55.138-59.049,55.232-59.049
                    l11.354-12.413c0,0,1.082-1.094,0.267-2.799c-0.7-1.425-4.886-3.478-4.886-3.478C195.588,1.271,190.842,0,178.82,0
                    c-5.078,0-9.927,0.457-14.55,1.348c-12.655,2.461-23.689,8.295-33.121,17.484l-0.48,0.468c-2.954,2.955-5.552,6.063-7.796,9.326
                    l-0.204,0.28c-1.53,2.259-2.889,4.575-4.112,7.011c-1.271,2.518-2.364,5.114-3.235,7.824c-0.434,1.174-0.775,2.352-1.097,3.56
                    c-1.577,5.788-2.324,11.927-2.324,18.458c0,0.492-0.105,1.623-0.105,1.623c-0.342,12.1-4.688,22.449-12.982,31.021
                    c-8.659,8.993-19.308,13.457-31.93,13.457c-12.598,0-23.242-4.464-31.89-13.457c-8.674-8.956-13.009-19.854-13.009-32.644
                    c0-12.797,4.335-23.66,13.009-32.646c8.647-8.97,19.292-13.46,31.89-13.46c5.121,0,9.9,0.741,14.353,2.226
                    c0,0,7.792,2.981,13.792-3.889c8.123-8.892,0.783-12.074,0.783-12.074C87.133,1.971,77.494,0,66.883,0
                    C47.994,0,32.104,6.286,19.227,18.832L18.761,19.3c-3.031,3.029-5.705,6.229-7.993,9.606c-1.533,2.259-2.91,4.575-4.119,7.011
                    c-1.269,2.518-2.368,5.114-3.261,7.824c-0.415,1.174-0.743,2.352-1.071,3.56C0.743,53.089,0,59.228,0,65.759
                    c0,11.598,2.447,22.027,7.38,31.262c1.021,1.91,2.153,3.781,3.388,5.604c1.993,2.927,4.27,5.727,6.838,8.39
                    c0.528,0.552,1.086,1.125,1.621,1.664c12.878,12.55,28.768,18.83,47.656,18.83c18.932,0,34.789-6.28,47.681-18.83
                    c3.151-3.072,5.924-6.338,8.31-9.788c1.938,2.827,4.146,5.535,6.637,8.124c0.525,0.552,1.101,1.125,1.64,1.664
                    c12.859,12.55,28.746,18.83,47.671,18.83c18.913,0,34.774-6.28,47.645-18.83c3.144-3.041,5.883-6.28,8.251-9.717
                    c1.931,2.803,4.112,5.497,6.571,8.053c0.529,0.552,1.082,1.125,1.644,1.664c12.855,12.55,28.745,18.83,47.667,18.83
                    c18.921,0,34.777-6.28,47.648-18.83c12.852-12.544,19.264-28.187,19.264-46.92C357.51,47.019,351.098,31.38,338.246,18.832z
                     M146.916,33.113c7.205-7.504,15.854-11.883,25.854-13.091l-38.746,41.615C134.865,50.623,139.179,41.124,146.916,33.113z
                     M322.516,98.402c-8.685,8.993-19.307,13.457-31.918,13.457c-12.627,0-23.274-4.464-31.9-13.457
                    c-8.16-8.403-12.488-18.491-12.998-30.269v-0.12c-0.033-0.745-0.033-1.497-0.033-2.255c0-0.76,0-1.519,0.033-2.257v-0.127
                    c0.51-11.761,4.838-21.834,12.998-30.262c8.626-8.97,19.273-13.46,31.9-13.46c12.611,0,23.233,4.49,31.918,13.46
                    c8.659,8.985,13.013,19.849,13.013,32.646C335.528,78.549,331.175,89.446,322.516,98.402z"/>
                <polygon fill={this.props.fillColor2 ? this.props.fillColor2 : '#05A8E0'} points="409.715,93.313 421.321,102.32 421.332,100.92 410.764,92.711             "/>
                <path fill={this.props.fillColor2 ? this.props.fillColor2 : '#05A8E0'} d="M395.449,93.534l-0.429,37.592l32.95-18.66V74.874L395.449,93.534z M426.242,83.924
                    c-2.203,1.241-3.832,4.379-3.847,8.752l-0.12,16.75l-5.92,3.356l-14.218-11.627l0.126,12.924
                    c-0.025,3.484,1.707,5.033,4.707,3.423v0.853l-9.59,5.318l-0.104-0.842c2.284-1.287,3.832-4.715,3.865-8.199l0.064-14.273
                    l-1.78-1.304l-2.456,1.299V99.49l14.203-7.966l10.082,7.768l0.086-6.049c0.021-4.379-1.31-5.682-3.849-4.246l-0.522,0.438v-0.853
                    l9.503-5.512L426.242,83.924z"/>
                <path fill={this.props.fillColor3 ? this.props.fillColor3 : '#2CBFF2'} d="M375.257,90.687c0.022-1.107,0.351-1.74,0.882-2.078c-0.973-0.203-1.883,0.164-1.883,1.473
                    c-0.019,2.66,2.495,5.633,7.504,11.498c3.326,3.867,6.434,7.25,6.404,11.285c-0.019,2.002-0.189,3.77-1.293,4.816
                    c1.424-0.598,2.262-2.013,2.266-4.244c0.036-4.404-3.254-8.163-6.849-12.367C377.716,95.714,375.25,93.124,375.257,90.687z"/>
                <path fill={this.props.fillColor3 ? this.props.fillColor3 : '#2CBFF2'} d="M362.999,74.418l-0.368,37.583l32.571,19.125l0.368-37.592L362.999,74.418z M378.35,116.803
                    c-2.841-1.665-4.75-3.688-6.979-6.626l-3.493,0.316l0.074-10.799l1.02,0.592v0.648c0,5.712,5.406,12.358,8.85,14.377
                    c2.404,1.415,4.49,1.522,4.505-0.547c0.004-2.33-3.438-5.783-6.947-9.691c-3.449-3.877-6.511-8.776-6.496-12.688
                    c0.052-5.432,4.273-7.005,10.27-3.479c2.882,1.69,4.79,3.636,7.013,6.375l3.68-0.098l-0.073,9.201l-1.006-0.577
                    c0.025-5.186-5.147-11.224-8.889-13.405c-1.777-1.057-3.533-1.221-3.556,0.883c-0.01,2.172,2.416,4.385,6.51,9.146
                    c3.924,4.552,7.402,8.771,7.366,13.624C390.156,120.016,385.137,120.792,378.35,116.803z"/>
                <path fill={this.props.fillColor1 ? this.props.fillColor1 : '#03A9F4'} d="M395.609,55.756l-32.61,18.662l32.571,19.116l32.643-18.66L395.609,55.756z M387.672,84.581l-7.475-9.688
                    l7.668-9.312h15.144l7.456,9.578l-7.656,9.422H387.672z"/>
                <path fill={this.props.fillColor1 ? this.props.fillColor1 : '#03A9F4'} d="M395.365,69.906c-3.843-0.025-6.986,2.166-7.005,4.899c-0.025,2.738,3.093,4.966,6.947,4.985
                    c3.843,0.04,6.976-2.151,7.001-4.894C402.323,72.165,399.217,69.923,395.365,69.906z"/>
            </svg>
        );
    }
}

export default CeoLogoBig;