text: import React from 'react'; // @ts-ignore
  
  import BrowserSymbol from 'svg-baker-runtime/browser-symbol'; // @ts-ignore
  
  import { assign } from 'es6-object-assign';
  import { addSpriteSymbol, useIsomorphicLayoutEffect } from '../sprite';
  import { SvgIcon } from '../SvgIcon';
  var viewBox = '0 0 24 24';
  var id = 'document_24';
  var content = '<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="document_24"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z" /><path d="M4 5v13a3 3 0 003 3l11 .002A3 3 0 0021 18l-.01-9.172a2 2 0 00-.585-1.413l-4.83-4.83A2 2 0 0014.163 2H7a3 3 0 00-3 3zm10.012-.988l3.976 3.976a.3.3 0 01-.212.512H14a.5.5 0 01-.5-.5V4.224a.3.3 0 01.512-.212z" fill="currentColor" /></g></symbol>';
  var isMounted = false;
  
  function mountIcon() {
    if (!isMounted) {
      addSpriteSymbol(new BrowserSymbol({
        id: id,
        viewBox: viewBox,
        content: content
      }));
      isMounted = true;
    }
  }
  
  var Icon24Document = function Icon24Document(props) {
    useIsomorphicLayoutEffect(function () {
      mountIcon();
    }, []);
    return React.createElement(SvgIcon, assign({}, props, {
      viewBox: viewBox,
      id: id,
      width: !isNaN(props.width) ? +props.width : 24,
      height: !isNaN(props.height) ? +props.height : 24
    }));
  };
  
  Icon24Document.mountIcon = mountIcon;
  export default Icon24Document;
  //# sourceMappingURL=document.js.map