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

import React, {Component} from 'react';

class CeoLogoSmall extends Component {
    render() {
        return (
            <svg 
                viewBox="0 0 150.906 46.585" 
                style={{width:this.props.width, height:this.props.height, verticalAlign:'middle'}} 
                {...this.props} 
                >
                <path fill={this.props.fill ? this.props.fill : '#03A9F4'} d="M119.376,6.646C114.832,2.219,109.236,0,102.557,0c-3.198,0-6.143,0.511-8.852,1.519
                    c-2.947,1.111-5.608,2.817-7.971,5.127l-0.169,0.166c-1.026,1.029-1.948,2.119-2.729,3.264
                    c-0.029,0.044-0.066,0.083-0.096,0.126c-0.538,0.797-1.025,1.614-1.451,2.475c-0.449,0.888-0.834,1.804-1.141,2.763
                    c-0.151,0.413-0.271,0.829-0.389,1.255c-0.486,1.788-0.749,3.668-0.812,5.657v1.644c-0.163,4.176-1.699,7.757-4.577,10.735
                    c-3.061,3.174-6.812,4.748-11.263,4.748c-4.455,0-8.212-1.574-11.259-4.748c-0.833-0.857-1.557-1.774-2.152-2.728
                    c-0.281-0.433-0.743-1.03-0.611-1.582c0.158-0.501,0.538-0.95,0.902-1.353c4.409-4.73,19.459-20.842,19.493-20.842l4.006-4.38
                    c0,0,0.383-0.387,0.094-0.988c-0.247-0.502-1.724-1.228-1.724-1.228C69.027,0.449,67.352,0,63.107,0
                    c-1.789,0-3.501,0.161-5.133,0.476c-4.467,0.868-8.36,2.927-11.689,6.17l-0.17,0.166c-1.041,1.041-1.959,2.14-2.751,3.293
                    l-0.071,0.097c-0.54,0.797-1.021,1.614-1.453,2.475c-0.447,0.888-0.834,1.804-1.141,2.763c-0.153,0.413-0.274,0.829-0.387,1.255
                    c-0.559,2.044-0.82,4.21-0.82,6.514c0,0.174-0.036,0.572-0.036,0.572c-0.123,4.271-1.655,7.923-4.585,10.95
                    c-3.055,3.174-6.813,4.748-11.268,4.748c-4.446,0-8.203-1.574-11.253-4.748c-3.064-3.162-4.594-7.008-4.594-11.522
                    s1.529-8.35,4.594-11.521c3.05-3.164,6.807-4.75,11.253-4.75c1.806,0,3.495,0.262,5.065,0.785c0,0,2.749,1.051,4.867-1.373
                    c2.866-3.137,0.277-4.259,0.277-4.259C30.75,0.694,27.351,0,23.604,0C16.938,0,11.328,2.219,6.785,6.646L6.621,6.812
                    c-1.069,1.07-2.013,2.199-2.822,3.39c-0.543,0.797-1.026,1.614-1.454,2.475c-0.446,0.888-0.834,1.804-1.149,2.763
                    c-0.146,0.413-0.262,0.829-0.378,1.255C0.262,18.737,0,20.903,0,23.207c0,4.093,0.863,7.774,2.605,11.032
                    c0.357,0.676,0.758,1.336,1.193,1.979c0.704,1.032,1.508,2.02,2.414,2.962c0.188,0.193,0.385,0.396,0.572,0.585
                    c4.543,4.432,10.153,6.647,16.818,6.647c6.68,0,12.279-2.216,16.826-6.647c1.114-1.081,2.092-2.235,2.935-3.453
                    c0.683,0.997,1.463,1.955,2.344,2.868c0.186,0.193,0.386,0.396,0.577,0.585c4.537,4.432,10.145,6.647,16.822,6.647
                    c6.676,0,12.275-2.216,16.816-6.647c1.11-1.073,2.077-2.216,2.912-3.43c0.681,0.991,1.452,1.941,2.319,2.845
                    c0.188,0.193,0.382,0.396,0.579,0.585c4.537,4.432,10.145,6.647,16.822,6.647c6.68,0,12.275-2.216,16.819-6.647
                    c4.534-4.428,6.799-9.947,6.799-16.559C126.175,16.595,123.91,11.075,119.376,6.646z M51.321,11.128
                    c2.544-2.648,6.124-3.635,10.444-3.269L48.094,22.548C47.597,17.864,48.591,13.954,51.321,11.128z M113.822,34.729
                    c-3.065,3.174-6.813,4.748-11.266,4.748c-4.455,0-8.212-1.574-11.259-4.748c-2.878-2.966-4.405-6.527-4.588-10.683v-0.043
                    c-0.009-0.262-0.009-0.529-0.009-0.797c0-0.269,0-0.536,0.009-0.795v-0.046c0.183-4.15,1.71-7.705,4.588-10.68
                    c3.047-3.164,6.804-4.75,11.259-4.75c4.452,0,8.2,1.586,11.266,4.75c3.056,3.171,4.592,7.006,4.592,11.521
                    S116.878,31.567,113.822,34.729z"/>
                <path fill={this.props.fill ? this.props.fill : '#03A9F4'} d="M138.849,19.098l-11.579,6.73l11.656,6.733l11.578-6.733L138.849,19.098z M126.861,28.012l-0.033,12.357
                    l10.76,6.216l0.035-12.366L126.861,28.012z M140.217,34.216l-0.035,12.365l10.688-6.214l0.036-12.359L140.217,34.216z"/>
            </svg>
        );
    }
}

export default CeoLogoSmall;