import React from 'react';

import { IconProps, RootPath, RootSvg } from './utils/base';

export const HTML: React.FC<IconProps> = (props) => (
  <RootSvg
    height={props.height || 40}
    viewBox={props.viewBox || '0 0 34 40'}
    width={props.width || 34}
    {...props}
  >
    <RootPath
      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
      pathFill='#F5F5F5'
    />
    <RootPath d='M0 28h33.333v9a3 3 0 01-3 3H3a3 3 0 01-3-3v-9z' pathFill='#EC7421' />
    <RootPath
      d='M25.865 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.466z'
      pathFill='#DBDBDB'
    />
    <RootPath
      d='M10.749 36h-1.19v-4.998h1.19v1.862h.014c.182-.371.672-.602 1.106-.602 1.21 0 1.309.882 1.309 1.407V36h-1.19v-1.757-.11c.004-.459.008-.891-.595-.891-.448 0-.644.378-.644.777V36zm4.675-3.633h.735v.77h-.735v1.652c0 .287.168.35.427.35.048 0 .098-.003.148-.007.053-.003.106-.007.16-.007V36a6.69 6.69 0 00-.28.017c-.123.009-.247.018-.371.018-1.015 0-1.274-.294-1.274-1.28v-1.618h-.602v-.77h.602v-1.099h1.19v1.1zM16.689 36h1.19v-1.77c0-.743.181-.988.608-.988.323 0 .449.266.449.693V36h1.19v-1.778c0-.588.048-.98.56-.98.308 0 .497.231.497.623V36h1.19v-2.17c0-.693-.127-1.568-1.282-1.568-.49 0-.847.203-1.134.588-.195-.44-.602-.588-1.056-.588-.442 0-.826.238-1.043.602h-.015v-.497H16.69V36zm7.712 0h-1.19v-4.998h1.19V36z'
      pathFill='#FFFFFF'
    />
    <RootPath
      d='M14.56 19.096v-1.848l-3.683-1.272v-.024l3.684-1.272v-1.848l-6.096 2.28v1.704l6.096 2.28zM19.445 19.096l6.096-2.28v-1.704l-6.096-2.28v1.848l3.684 1.272v.024l-3.684 1.272v1.848z'
      pathFill='#CFCFCF'
    />
  </RootSvg>
);
