@zohodesk/svg/es/errorstate/version3/ErrorUrlNotFound.js

This Bundle Contains EmptyState Images.

import React from 'react';
import { ErrorStateProps } from "./../props/propTypes";
import { ErrorStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class UrlNotFound extends React.Component {
  render() {
    return /*#__PURE__*/React.createElement(SVG, {
      viewBox: "0 0 500 500",
      name: "UrlNotFound",
      ...this.props
    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorUrlNotFound_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorUrlNotFound_svg__cls-10,.ErrorUrlNotFound_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUrlNotFound_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUrlNotFound_svg__cls-8{stroke:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
      className: "ErrorUrlNotFound_svg__cls-1",
      d: "M148.89 174.69s33.77-54.78 54.77-11 32.87 82.17 94 33.78 86.77-55.65 109.59-25.47 44.28 286.67-178.94 233.72c0-.05-176.65-66.72-79.42-231.03z"
    }), /*#__PURE__*/React.createElement("circle", {
      className: "ErrorUrlNotFound_svg__cls-1",
      cx: 105.87,
      cy: 382.71,
      r: 25.39
    }), /*#__PURE__*/React.createElement("circle", {
      className: "ErrorUrlNotFound_svg__cls-1",
      cx: 89.18,
      cy: 139.16,
      r: 25.39
    }), /*#__PURE__*/React.createElement("circle", {
      className: "ErrorUrlNotFound_svg__cls-1",
      cx: 306.65,
      cy: 91.79,
      r: 12.74
    }), /*#__PURE__*/React.createElement("circle", {
      className: "ErrorUrlNotFound_svg__cls-1",
      cx: 155.14,
      cy: 428.01,
      r: 12.74
    }), /*#__PURE__*/React.createElement("circle", {
      className: "ErrorUrlNotFound_svg__cls-1",
      cx: 389.43,
      cy: 415.99,
      r: 12.74
    }), /*#__PURE__*/React.createElement("path", {
      d: "M147.26 384.22l22.71 7s.88-5.55.16-15.67 7.59-17.34 7.59-17.34 15.89-17.34 15.89-19.14-21.31-58.52-23.12-69.72 7.59-50.94 7.59-50.94l2.53 27.46s17.7 1.8 21.67-1.09.72-24.92.72-24.92l-20.95-.73s-4 14.09-14.09 36.85c-8.26 18.59-19.65 95.5-23.75 126.21-.92 6.89-1.47 11.45-1.53 12.51-.37 5.78-10.48 12.28-10.48 12.28s6.86.72 9.39-4.33 14.81-14.45 19.15-7.95-6.14 13.36-11.2 18.49-15.9 2.82-18.79 0-.72-12.71-.72-12.71c-11.2-22-13-151.72-13-151.72l1.8 23.48-15.17.36 25.65-65c56-40.46 93.92 10.12 93.92 10.12l1.09 78.75 2.53-81.28c-5.28-13.48-27.46-22-27.46-22-55.63-21.67-80.56 22.76-80.56 22.76s18.79-40.82 71.53-44.43 76.94 44.43 75.86 40.46-23.48-24.57-23.48-24.57l72.26 7.48s-41.18 17.7-44.43 22.76-41.91 11.56-41.91 11.56l15.17 6.86-6 64.58-14.33.35s-6.23 46.52-6.23 49.66-16.94 13.41-22.38 17.34-3.56 25.73-3.56 25.73-.21-15.48 0-23.64-7.53-9.41-7.53-9.41c-9.62 0-10.75 8.58-10.75 8.58v23.11c0 3.49 3.22 9.67 8.6 10.08s10.87-5.17 10.87-5.17l53.77 15.83s-.13-165.23.13-174.77-3.22-8.37-2.52-6 53.46 52.51 54 54 77-45.15 77-45.15l-52-42c-4.13.17-74.75 31.47-72.94 33.73s69.49-36.1 69.49-36.1l1.91 168.32-72.06 48.33",
      strokeLinecap: "round",
      strokeLinejoin: "round",
      stroke: "var(--zd_emptysvg_primary_stroke)",
      strokeWidth: 1.5,
      fill: "none"
    }), /*#__PURE__*/React.createElement("path", {
      d: "M129.31 207.53s-8.67 115.3 1.13 176.69c0 0 7 4 9-5.4 6.74-31.64 17.12-114.22 30.21-147.44 0 0 32.66 101.9 30.7 105.82s-6.8 22.07-3.92 21.55c13.22-2.4 35.92-69.89 20.9-133.25-.02 0-22.53-45.08-88.02-17.97z",
      fill: "var(--zd_emptysvg_secondary_fill)"
    }), /*#__PURE__*/React.createElement("ellipse", {
      cx: 263.83,
      cy: 122.29,
      rx: 3.54,
      ry: 3.51,
      strokeMiterlimit: 10,
      stroke: "var(--zd_emptysvg_medium_circle)",
      fill: "none"
    }), /*#__PURE__*/React.createElement("ellipse", {
      cx: 269.1,
      cy: 423.25,
      rx: 3.54,
      ry: 3.51,
      fill: "var(--zd_emptysvg_medium_circle)"
    }), /*#__PURE__*/React.createElement("ellipse", {
      cx: 74.67,
      cy: 273.28,
      rx: 3.31,
      ry: 3.28,
      stroke: "var(--zd_emptysvg_tiny_circle)",
      strokeMiterlimit: 10,
      fill: "none"
    }), /*#__PURE__*/React.createElement("ellipse", {
      cx: 448.76,
      cy: 278.55,
      rx: 3.31,
      ry: 3.28,
      fill: "var(--zd_emptysvg_tiny_circle)"
    }), /*#__PURE__*/React.createElement("path", {
      className: "ErrorUrlNotFound_svg__cls-8",
      d: "M126.16 163.01l-.35 6.17M122.87 165.92l6.23.35"
    }), /*#__PURE__*/React.createElement("ellipse", {
      cx: 406.93,
      cy: 380.42,
      rx: 2.46,
      ry: 2.44,
      stroke: "var(--zd_emptysvg_small_circle)",
      strokeLinecap: "round",
      strokeLinejoin: "round",
      fill: "none"
    }), /*#__PURE__*/React.createElement("path", {
      className: "ErrorUrlNotFound_svg__cls-10",
      d: "M405.99 118.56l4.16 4.61M405.75 122.93l4.65-4.12"
    }));
  }

}
UrlNotFound.propTypes = ErrorStateProps;
UrlNotFound.defaultProps = { ...ErrorStateDefaultProps,
  dataId: 'urlnotfound'
}; // if (__DOCS__) {
//   UrlNotFound.docs = {
//     componentGroup: 'Emptystate'
//   };
// }