import * as React from 'react';

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

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

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><defs></defs><path d="M740.488 984H285.76C234.192 984 192 941.52 192 889.6V134.4C192 82.48 234.192 40 285.76 40h452.384c51.568 0 93.76 42.48 93.76 94.4v755.2c2.344 51.92-39.84 94.4-91.416 94.4zM285.76 87.2c-25.784 0-46.88 21.24-46.88 47.2v755.2c0 25.96 21.096 47.2 46.88 47.2h452.384c25.784 0 46.88-21.24 46.88-47.2V134.4c0-25.96-21.096-47.2-46.88-47.2H285.76z" fill="#0063AB"></path><path d="M288 88h448a48 48 0 0 1 48 48v64H240v-64a48 48 0 0 1 48-48z" fill="#0063AB" fillOpacity=".12"></path><path d="M288 400h448v252H288z" fill="#0063AB"></path><path d="M288 256h96v32H288zM288 688h448v128H288zM288 296h448v32H288zM288 336h320v32H288z" fill="#0063AB" fillOpacity=".12"></path></svg>
  );
}