errorGremlinBody.tsx 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. import {SVGAttributes} from 'react';
  2. import {useTheme} from '@emotion/react';
  3. interface ErrorGemlinProps extends SVGAttributes<SVGSVGElement> {}
  4. export function ErrorGremlinBody(props: ErrorGemlinProps) {
  5. const theme = useTheme();
  6. return (
  7. <svg
  8. xmlns="http://www.w3.org/2000/svg"
  9. width={30}
  10. shapeRendering="geometricPrecision"
  11. textRendering="geometricPrecision"
  12. viewBox="20 20 30 30"
  13. {...props}
  14. >
  15. <g id="gremlin-body">
  16. <path
  17. d="M 29.4,22.4 49.5,47.7 45.2,48 27.9,24.7 28.6,22.4 Z"
  18. fill={theme.white}
  19. stroke="none"
  20. id="body-highlight"
  21. />
  22. <path
  23. d="m 27.743424,24.688512 -5.5496,23.5303 c -0.0676,0.2866 0.3176,0.6164 0.7059,0.6063 l 24.7162,-0.6428 c 0.6434,-0.0167 1.0757,-0.4727 0.7772,-0.8333 l -19.1186,-23.0978 c -0.4743,-0.573 -1.3535,-0.3153 -1.531,0.4373 z"
  24. fill="#ebb432"
  25. id="body-fill"
  26. />
  27. <path
  28. d="m 22.682324,49.147012 c -0.3135,0 -0.625,-0.1479 -0.8203,-0.3911 -0.1582,-0.1968 -0.2168,-0.4365 -0.1611,-0.6577 l 6.3037,-25.1201 c 0.1221,-0.4854 0.4834,-0.8496 0.9443,-0.9507 0.4287,-0.0938 0.8369,0.0566 1.1113,0.3979 l 19.6611,24.5239 c 0.1846,0.2314 0.2217,0.5278 0.0996,0.7925 -0.167,0.3618 -0.5977,0.6055 -1.0967,0.6206 l -26.0107,0.7842 c -0.0107,5e-4 -0.0205,5e-4 -0.0312,5e-4 z m -0.1201,-0.8325 v 5e-4 z m 0.0225,-0.0884 c 0.0273,0.0176 0.0576,0.0308 0.1016,0.0327 l 26.0107,-0.7842 c 0.1162,-0.0034 0.2021,-0.0337 0.2568,-0.063 l -19.5869,-24.4307 c -0.0615,-0.0771 -0.1436,-0.1055 -0.2275,-0.0859 -0.1016,0.022 -0.2266,0.1123 -0.2734,0.2988 v 0 l -6.2812,25.0322 z m 5.8506,-25.1953 h 0.01 z"
  29. fill="#2f1d4a"
  30. id="body-outline"
  31. />
  32. <polygon
  33. points="121.3446,14.9985 123.7864,14.5629 124.6765,23.3143 123.2968,23.4974 "
  34. transform="translate(-92.17058,16.372603)"
  35. fill="#2f1d4a"
  36. id="exclamation"
  37. />
  38. <path
  39. d="m 33.117324,42.992812 c 0.143,0.6253 -0.2407,1.26 -0.8529,1.4234 -0.6092,0.1627 -1.2249,-0.2006 -1.3794,-0.8169 -0.1563,-0.6235 0.2166,-1.2728 0.8374,-1.4444 0.6238,-0.1725 1.2502,0.2054 1.3949,0.838 z"
  40. fill="#2f1d4a"
  41. id="exclamation-dot"
  42. />
  43. </g>
  44. </svg>
  45. );
  46. }