fleet/frontend/components/graphics/EmptySoftware.tsx

import React from "react";

import { uniqueId } from "lodash";

const EmptySoftware = () => {
  const clipPathId = uniqueId("clip-path-");

  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="56" fill="none">
      <g clipPath={`url(#${clipPathId})`}>
        <path
          fill="#E3E3FE"
          d="m15.438 46.738 26.923 8.726.111-31.327-8.9 9.518-18.134-5.666v18.749Z"
        />
        <path
          fill="#F8F8FF"
          d="m84.303 46.774-41.942 8.69.111-31.327 9.902 10.65 32.04-4.758-.111 16.745Z"
        />
        <path
          fill="#E3E3FE"
          d="m42.64 29.405 8.76 9.518 32.792-5.268.223-3.626-32.041 4.759-9.902-10.651.168 5.268Z"
        />
        <path
          fill="#CFCFF3"
          d="m15.522 31.445 19.19 6.288 7.928-8.328-.168-5.268-8.9 9.518-18.134-5.666.084 3.456Z"
        />
        <path
          fill="#F8F8FF"
          d="m7.484 25.326 26.088 8.329 8.9-9.518-27.257-7.988-7.731 9.177Z"
        />
        <path
          fill="#E3E3FE"
          d="m84.692 18.613 6.509-6.883-14.852-4.25-1.419 8.414 9.762 2.719Z"
        />
        <path
          fill="#9C9EDB"
          d="m21.696 17.933 13.657 4.107s2.28-5.438 6.452-6.855c4.171-1.417 5.173-.991 5.173-.991l-1.78-9.66S43.474-.168 39.301.569l-15.408 2.72s-4.283 1.812-3.615 5.976c.465 2.89.938 5.78 1.418 8.668Z"
        />
        <path
          fill="#E3E3FE"
          d="m6.677 8.245 8.539 7.903 5.98-.766-.919-6.119s-.084-2.633.334-3.144L6.677 8.245Z"
        />
        <path
          fill="#F8F8FF"
          d="m27.557 11.554 8.949-1.602a2.213 2.213 0 0 1 1.678.38c.487.348.82.88.922 1.477l.84 4.867c.047.272-.014.551-.169.777a1.02 1.02 0 0 1-.66.427l-8.26 1.48a2.903 2.903 0 0 1-2.2-.499 3.006 3.006 0 0 1-1.21-1.937l-.72-4.17a1.055 1.055 0 0 1 .459-1.053c.112-.073.239-.123.371-.147Zm13.331 4.336 1.4.85c.378.229.817-.115.74-.577l-1.021-5.938c-.081-.463-.613-.633-.89-.286l-1.03 1.286a1.513 1.513 0 0 0-.297 1.208l.419 2.424a1.517 1.517 0 0 0 .679 1.033Z"
        />
        <path
          fill="#E3E3FE"
          d="m46.645 12.155 4.338-.51 1.168-6.204-2.753-3.144-4.589.68.417 2.72 1.419 6.458Z"
        />
        <path
          fill="#9C9EDB"
          d="m15.856 16.063 5.34-.679.5 2.549-5.84-1.87Zm30.789-3.908.333 2.039 3.588.595.417-3.145-4.338.511Zm28.285 3.739-.75 3.993 9.595-1.358-8.845-2.635Z"
        />
        <path
          fill="#F8F8FF"
          d="m49.203 23.344 3.337-19.21s.445-1.813 2.615-1.643c2.17.17 18.624 1.532 18.624 1.532s1.78 1.078 1.447 3.174C74.892 9.293 73 20 73 20l-23.797 3.344Z"
        />
        <path
          fill="#9C9EDB"
          d="M56.883 17.65c-.102.909-.892 1.472-1.776 1.263-.884-.209-1.518-1.1-1.42-1.995.1-.895.893-1.463 1.777-1.267l1.598.355-.179 1.644Zm.797.183a1.48 1.48 0 0 1 .596-1.063 1.42 1.42 0 0 1 1.182-.228c.436.11.82.375 1.08.748.26.373.38.83.338 1.286l-.45 4.176c-.101.922-.893 1.482-1.775 1.248-.882-.234-1.517-1.144-1.418-2.055l.447-4.112Z"
        />
        <path
          fill="#C3C3EE"
          d="M59.999 11.516a1.808 1.808 0 0 1-1.08-.713 1.868 1.868 0 0 1-.341-1.263 1.544 1.544 0 0 1 .592-1.084 1.486 1.486 0 0 1 1.187-.277c.885.167 1.52 1.053 1.42 1.984l-.18 1.681-1.598-.328Zm-.092.85c.436.101.821.361 1.083.731a1.9 1.9 0 0 1 .337 1.278c-.102.927-.894 1.518-1.778 1.322l-4.008-.88c-.884-.192-1.52-1.071-1.421-1.975a1.504 1.504 0 0 1 .6-1.059 1.446 1.446 0 0 1 1.177-.242l4.01.825Z"
        />
        <path
          fill="#9C9EDB"
          d="M66.135 15.415c.102-.948.895-1.56 1.779-1.376.884.184 1.518 1.116 1.418 2.08-.1.963-.896 1.573-1.78 1.372l-1.598-.362.181-1.714Zm-.8-.174c-.102.944-.895 1.546-1.778 1.352-.883-.195-1.518-1.109-1.42-2.04l.453-4.227c.102-.936.895-1.56 1.78-1.386.883.174 1.518 1.071 1.418 2.018l-.453 4.283Z"
        />
        <path
          fill="#C3C3EE"
          d="M63.015 21.674c.883.217 1.516 1.154 1.416 2.093-.1.939-.894 1.51-1.777 1.279a1.958 1.958 0 0 1-1.077-.786 2.02 2.02 0 0 1-.34-1.304l.18-1.675 1.598.393Zm.09-.844a1.917 1.917 0 0 1-1.08-.769 1.98 1.98 0 0 1-.338-1.296c.102-.929.894-1.517 1.778-1.317l4.007.918c.884.208 1.517 1.144 1.416 2.103-.101.958-.895 1.56-1.779 1.338l-4.004-.977Z"
        />
        <path
          fill="#fff"
          d="m52.374 34.788 42.165-6.403-9.847-9.772-42.22 5.524 9.902 10.651Z"
        />
        <path
          fill="#fff"
          d="m50.566 14.789-1.363 8.555-6.73.792-7.12-2.096s1.89-4.853 6.267-6.55c4.377-1.698 6.601-1.171 6.601-1.171l2.345.47Z"
        />
        <path
          fill="#E3E3FE"
          d="m48.22 14.317-.825 9.14 1.808-.114 1.363-8.554-2.345-.473-.001.001Z"
        />
        <path fill="#fff" d="M75.5 6.5 73 20l3-.5L78 7l-.5-2-2-1-1 .5 1 2Z" />
        <path
          stroke="#9C9EDB"
          strokeMiterlimit={10}
          strokeWidth={0.789}
          d="m15.234 16.215 27.304 7.922 41.82-5.608m.001 11.348v16.841L42.436 55.52l-26.998-8.838V27.933"
        />
        <path
          stroke="#9C9EDB"
          strokeMiterlimit={10}
          strokeWidth={0.789}
          d="m42.658 24.438 9.577 10.236 42.304-6.289-9.986-9.914-8.053-2.21m-30.087-4.036 4.693-.596"
        />
        <path
          stroke="#9C9EDB"
          strokeLinejoin="round"
          strokeWidth={0.789}
          d="M42.472 55.56V24.124l-8.844 9.53-26.2-8.328 7.776-9.139 6.124-.778"
        />
        <path
          stroke="#9C9EDB"
          strokeMiterlimit={10}
          strokeWidth={0.789}
          d="M20.66 6.238 6.613 8.16l8.591 8.027M52.23 5.647l-2.982-3.322-4.784.655m40.089 15.491 6.731-6.656L78 7.991M35.106 22.054a13.035 13.035 0 0 1 6.424-6.62 12.694 12.694 0 0 1 9.119-.63"
        />
        <path
          stroke="#9C9EDB"
          strokeMiterlimit={10}
          strokeWidth={0.789}
          d="m49.382 23.24 2.974-18.69c.098-.621.423-1.18.91-1.568a2.42 2.42 0 0 1 1.712-.52l18.136 1.455a2.43 2.43 0 0 1 1.727.95 2.539 2.539 0 0 1 .489 1.936L73.21 20.11"
        />
        <path
          stroke="#9C9EDB"
          strokeMiterlimit={10}
          strokeWidth={0.789}
          d="m76.016 19.89 2.049-12.777c.227-1.435-.76-2.835-2.183-2.957L72.8 3.9M21.708 18.144l-1.464-8.838a5.474 5.474 0 0 1 .903-4.012c.4-.574.909-1.063 1.498-1.44a5.223 5.223 0 0 1 1.926-.746L39.17.598a5.185 5.185 0 0 1 3.939.92 5.34 5.34 0 0 1 1.414 1.526 5.43 5.43 0 0 1 .732 1.96l1.54 9.288"
        />
        <path
          stroke="#9C9EDB"
          strokeLinecap="round"
          strokeMiterlimit={10}
          strokeWidth={0.789}
          d="M.675 46.645H15.29m69.105 0H99.01"
        />
      </g>
      <defs>
        <clipPath id={clipPathId}>
          <path fill="#fff" d="M0 0h100v56H0z" />
        </clipPath>
      </defs>
    </svg>
  );
};

export default EmptySoftware;