404.js

import React from "react";

const NotFoundPage = () => (
  <div>
    <h1>NOT FOUND</h1>
    <p>
      <svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" viewBox="15.102 298.233 552.408 246.999" width="552.408" height="246.999">
       <g fill="#1976D2">
        <path d="M162.931 452.668h29.602v42.33h-29.602v50.233h-56.02v-50.248H18.447l-3.345-33.523 91.809-152.58v-.459h56.02v144.247zm-99.608 0h43.588v-72.849l-3.523 5.551-40.065 67.298zM408.495 415.618l36.216-105.225-.096-.45 54.89-11.71 30.153 141.335 29.004-6.188 8.849 41.476-29.004 6.188 10.5 49.219-54.889 11.711-10.504-49.234-86.678 18.492-10.285-32.147 15.328-44.537 13.837-2.952-13.837 2.952 6.516-18.93 25.522-13.174-25.522 13.174zm23.565 44.772l42.708-9.111L459.54 379.9l-2.291 6.175-25.189 74.315zM363.865 489.561c-15.963 27.063-34.427 44.264-55.396 51.668-20.956 7.412-42.583 4.533-64.979-8.677-22.551-13.301-35.683-30.993-39.325-53.053-3.657-22.034 2.429-46.483 18.278-73.354l21.567-36.564c15.962-27.063 34.387-44.286 55.395-51.668 20.949-7.399 42.648-4.495 65.147 8.776 22.447 13.24 35.528 30.903 39.17 52.962 3.637 22.04-2.479 46.54-18.382 73.501l-21.475 36.409zm-21.89-70.185c8.494-14.399 12.925-26.29 13.285-35.626.434-9.344-3.556-16.446-11.797-21.307-8.087-4.77-15.889-4.97-23.466-.497-7.569 4.46-15.444 13.228-23.598 26.493l-30.151 51.117c-8.827 14.965-13.385 27.041-13.718 36.185-.239 9.131 3.743 16.159 12.023 21.042 7.997 4.717 15.91 4.845 23.643.342 7.792-4.484 15.965-13.874 24.569-28.225l29.21-49.524z"/>
        </g>
      </svg>
    </p>
    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
  </div>
);

export default NotFoundPage;