import * as React from 'react';

const DefaultStyles = {
  width: '1em',
  height: '1em',
  verticalAlign: 'middle',
  fill: 'currentColor',
  overflow: 'hidden'
};

export default function SqlpadWithColor(props = {}) {
  const styles = Object.assign({}, DefaultStyles, props.style);

  return (
    
<svg {...props} style={styles} viewBox="0 0 128 128">
    sp
    
        
            <path d="M58.6666667,0 C91.067372,0 117.333333,26.2659613 117.333333,58.6666667 C117.333333,91.067372 91.067372,117.333333 58.6666667,117.333333 C26.2659613,117.333333 0,91.067372 0,58.6666667 C0,26.2659613 26.2659613,0 58.6666667,0 Z" fill="#FFFFFF"></path>
            <path d="M36.125,86.1796875 C40.9322917,86.1796875 44.9157986,85.4856771 48.0755208,84.0976562 C51.2352431,82.7096354 53.6953125,80.6727431 55.4557292,77.9869792 C57.2161458,75.3012153 58.0963542,72.3671875 58.0963542,69.1848958 C58.0963542,66.4765625 57.4361979,64.0277778 56.1158854,61.8385417 C54.7955729,59.6493056 52.6853299,57.8155382 49.7851562,56.3372396 C46.8849826,54.858941 42.0833333,53.3975694 35.3802083,51.953125 C32.671875,51.3888889 30.9565972,50.7795139 30.234375,50.125 C29.4895833,49.4930556 29.1171875,48.7821181 29.1171875,47.9921875 C29.1171875,46.9088542 29.5685764,45.9891493 30.4713542,45.2330729 C31.3741319,44.4769965 32.7170139,44.0989583 34.5,44.0989583 C36.6666667,44.0989583 38.3650174,44.6067708 39.5950521,45.6223958 C40.8250868,46.6380208 41.6319444,48.2630208 42.015625,50.4973958 L56.4713542,49.6510417 C55.8394097,44.5052083 53.858941,40.7530382 50.5299479,38.3945312 C47.2009549,36.0360243 42.3654514,34.8567708 36.0234375,34.8567708 C30.8550347,34.8567708 26.7868924,35.5056424 23.8190104,36.8033854 C20.8511285,38.1011285 18.6280382,39.8841146 17.1497396,42.1523437 C15.671441,44.4205729 14.9322917,46.8298611 14.9322917,49.3802083 C14.9322917,53.2621528 16.3767361,56.4557292 19.265625,58.9609375 C22.1319444,61.4661458 26.9279514,63.4748264 33.6536458,64.9869792 C37.7612847,65.8897569 40.3793403,66.8489583 41.5078125,67.8645833 C42.6362847,68.8802083 43.2005208,70.03125 43.2005208,71.3177083 C43.2005208,72.671875 42.6080729,73.8624132 41.4231771,74.8893229 C40.2382812,75.9162326 38.5512153,76.4296875 36.3619792,76.4296875 C33.4279514,76.4296875 31.1710069,75.4253472 29.5911458,73.4166667 C28.6206597,72.1753472 27.9774306,70.3697917 27.6614583,68 L13.0703125,68.9140625 C13.4991319,73.9244792 15.3385417,78.0546875 18.5885417,81.3046875 C21.8385417,84.5546875 27.6840278,86.1796875 36.125,86.1796875 Z M81.1510417,85.3333333 L81.1510417,66.9166667 L89.546875,66.9166667 C95.7309028,66.9166667 100.329427,65.5060764 103.342448,62.6848958 C106.355469,59.8637153 107.861979,55.9479167 107.861979,50.9375 C107.861979,46.0625 106.479601,42.3046875 103.714844,39.6640625 C100.950087,37.0234375 96.7916667,35.703125 91.2395833,35.703125 L65.7473958,35.703125 L65.7473958,85.3333333 L81.1510417,85.3333333 Z M81.1510417,56.8619792 L81.1510417,45.7916667 L85.5182292,45.7916667 C88.3845486,45.7916667 90.3368056,46.3333333 91.375,47.4166667 C92.4131944,48.5 92.9322917,49.8203125 92.9322917,51.3776042 C92.9322917,52.9800347 92.3342014,54.2947049 91.1380208,55.3216146 C89.9418403,56.3485243 87.8654514,56.8619792 84.9088542,56.8619792 L81.1510417,56.8619792 Z" fill="#0063AB"></path>
        
    
</svg>
  );
}