Debug.js

import React from 'react';
import { useTheme } from '../../components/layout';

const Debug = props => {
  const white = useTheme().homepage.white;
  return (
    <svg width={82} height={81} fill="none" viewBox="0 0 82 81" {...props}>
      <path
        fill={white}
        fillRule="evenodd"
        d="M31.7 9.054l2.014-.584.888 3.06c14.749-3.448 29.774 4.952 34.522 19.396l2.534-.735.584 2.012-2.534.736c3.776 14.951-4.705 30.312-19.387 35.07l.88 3.032-1.897.55-.881-3.035c-14.572 3.68-29.533-4.284-34.688-18.284l-4.098 1.19-.584-2.013 4.027-1.169c-4.466-15.393 4.248-31.484 19.499-36.2L31.7 9.053zm18.171 57.408l-.715-2.465-1.897.55.715 2.462c-13.717 3.434-27.785-4.04-32.688-17.187l2.401-.697-.584-2.012-2.476.718c-4.218-14.538 4.004-29.736 18.4-34.205l1.01 3.479 2.013-.584-.999-3.442c13.894-3.203 28.027 4.706 32.525 18.296l-3.969 1.152.585 2.013 3.969-1.152c3.53 14.096-4.461 28.564-18.29 33.074z"
        clipRule="evenodd"
      />
      <path
        fill={white}
        fillRule="evenodd"
        d="M41.823 34.32L37.59 49.919c-1.288-.688-2.338-1.803-3.093-3.203l-2.357 1.35-.714-1.246 2.478-1.42c-.903-2.439-1.044-5.472-.21-8.548l.071-.252-1.961-.532.376-1.386 2.046.555c.366-.942.81-1.82 1.319-2.62l6.278 1.705zm4.006 14.315c2.012-1.647 3.667-4.193 4.502-7.269l.066-.253 1.965.533.376-1.386-2.049-.556c.16-.997.22-1.98.186-2.926l-6.28-1.705-4.233 15.597c1.46.06 2.93-.373 4.29-1.199l1.352 2.358 1.246-.714-1.421-2.48zm2.295-15.581l2.276.617a11.031 11.031 0 00-.582-1.588l1.831-1.049-.714-1.246-1.81 1.037c-.989-1.511-2.362-2.605-4.034-3.059-1.672-.454-3.41-.204-5.029.6l-1.035-1.807-1.246.714 1.048 1.83c-.45.315-.887.674-1.303 1.074l2.272.617.003.004.003-.002 8.32 2.258z"
        clipRule="evenodd"
      />
    </svg>
  );
};

export default Debug;