chore(docs): Enable rust compiler by removing custom babelrc

mlaursen · Nov 2, 2021 · 796efd0 · 796efd0
1 parent 3157a7b
commit 796efd0
Show file tree

Hide file tree

Showing 45 changed files with 274 additions and 302 deletions.
diff --git a/packages/documentation/.babelrc b/packages/documentation/.babelrc
diff --git a/packages/documentation/package.json b/packages/documentation/package.json
@@ -52,8 +52,6 @@
     "@types/prismjs": "^1.16.6",
     "@types/qs": "^6.9.7",
     "@types/react-virtualized": "^9.21.13",
-    "babel-plugin-inline-react-svg": "^2.0.1",
-    "babel-plugin-prismjs": "^2.1.0",
     "cross-env": "^7.0.3",
     "eslint-config-next": "^11.1.2",
     "npm-run-all": "^4.1.5",

diff --git a/packages/documentation/src/components/CodeBlock/utils.ts b/packages/documentation/src/components/CodeBlock/utils.ts
@@ -1,4 +1,18 @@
 import { highlight, languages } from "prismjs";
+import "prismjs/components/prism-javascript";
+import "prismjs/components/prism-jsx";
+import "prismjs/components/prism-typescript";
+import "prismjs/components/prism-tsx";
+import "prismjs/components/prism-css";
+import "prismjs/components/prism-scss";
+import "prismjs/components/prism-css-extras";
+import "prismjs/components/prism-markup";
+import "prismjs/components/prism-markdown";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-git";
+import "prismjs/components/prism-diff";
+import "prismjs/components/prism-json";
+import "prismjs/components/prism-properties";
 import {
   DangerouslyHighlightCode,
   GetCodeLanguage,

diff --git a/packages/documentation/src/components/Demos/Tree/CustomizingTreeItems.tsx b/packages/documentation/src/components/Demos/Tree/CustomizingTreeItems.tsx
@@ -15,7 +15,7 @@ import {
 } from "@react-md/tree";
 
 import FileSVGIcon from "icons/FileSVGIcon";
-import HTML5SVGIcon from "icons/HTML5SVGIcon";
+import Html5SVGIcon from "icons/Html5SVGIcon";
 import SassSVGIcon from "icons/SassSVGIcon";
 import TypescriptSVGIcon from "icons/TypescriptSVGIcon";
 import createIdGenerator from "utils/createIdGenerator";
@@ -72,7 +72,7 @@ const getItemProps: GetItemProps<Item> = (item) => {
       leftAddon = expanded ? <FolderOpenSVGIcon /> : <FolderSVGIcon />;
       break;
     case "html":
-      leftAddon = <HTML5SVGIcon />;
+      leftAddon = <Html5SVGIcon />;
       break;
     case "text":
       leftAddon = <FileSVGIcon />;

diff --git a/packages/documentation/src/components/Home/Components.tsx b/packages/documentation/src/components/Home/Components.tsx
@@ -1,4 +1,5 @@
 import React, { ReactElement } from "react";
+import Image from "next/image";
 import {
   CardHeader,
   CardTitle,
@@ -13,7 +14,7 @@ import Code from "components/Code";
 import CodeBlock from "components/CodeBlock";
 import LinkButton from "components/LinkButton";
 
-import { Component as SVG } from "./components.svg";
+import components from "./components.svg";
 import JumpStartCard from "./JumpStartCard";
 
 export default function Components(): ReactElement {
@@ -23,7 +24,7 @@ export default function Components(): ReactElement {
         <CardTitle>Components and Styles</CardTitle>
       </CardHeader>
       <MediaContainer fullWidth>
-        <SVG role="presentation" />
+        <Image src={components} />
       </MediaContainer>
       <CardContent disableSecondaryColor>
         <Text>

diff --git a/packages/documentation/src/components/Home/Customization.tsx b/packages/documentation/src/components/Home/Customization.tsx
@@ -1,4 +1,5 @@
 import React, { ReactElement } from "react";
+import Image from "next/image";
 import {
   CardHeader,
   CardTitle,
@@ -12,7 +13,7 @@ import { Text } from "@react-md/typography";
 import Code from "components/Code";
 import LinkButton from "components/LinkButton";
 
-import { Component as SVG } from "./customization.svg";
+import customization from "./customization.svg";
 import JumpStartCard from "./JumpStartCard";
 
 export default function GettingStarted(): ReactElement {
@@ -22,7 +23,7 @@ export default function GettingStarted(): ReactElement {
         <CardTitle>Customization and Themes</CardTitle>
       </CardHeader>
       <MediaContainer fullWidth>
-        <SVG role="presentation" />
+        <Image src={customization} />
       </MediaContainer>
       <CardContent disableSecondaryColor>
         <Text>

diff --git a/packages/documentation/src/components/Home/GettingStarted.tsx b/packages/documentation/src/components/Home/GettingStarted.tsx
@@ -1,4 +1,5 @@
 import React, { ReactElement } from "react";
+import Image from "next/image";
 import {
   CardHeader,
   CardTitle,
@@ -13,7 +14,7 @@ import Code from "components/Code";
 import LinkButton from "components/LinkButton";
 
 import JumpStartCard from "./JumpStartCard";
-import { Component as SVG } from "./getting-started.svg";
+import gettingStarted from "./getting-started.svg";
 
 export default function GettingStarted(): ReactElement {
   return (
@@ -22,7 +23,7 @@ export default function GettingStarted(): ReactElement {
         <CardTitle>Getting Started</CardTitle>
       </CardHeader>
       <MediaContainer fullWidth>
-        <SVG role="presentation" />
+        <Image src={gettingStarted} />
       </MediaContainer>
       <CardContent disableSecondaryColor>
         <Text>

diff --git a/packages/documentation/src/icons/CodeSandboxSVGIcon.tsx b/packages/documentation/src/icons/CodeSandboxSVGIcon.tsx
@@ -1,21 +1,10 @@
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
-import { Component as CodeSandboxIcon } from "./codesandbox.svg";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-export default function CodeSandboxSVGIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement {
+export default function CodeSandboxSVGIcon(props: SVGIconProps): ReactElement {
   return (
-    <CodeSandboxIcon
-      {...props}
-      className={cn("rmd-icon rmd-icon--svg", className)}
-    />
+    <SVGIcon {...props} viewBox="0 0 512 512">
+      <path d="M69.2898098,165.083974 L69.2898098,276.649443 L152.161311,324.692718 L152.161311,412.603224 L241.327633,463.829131 L241.327633,264.06328 L69.2898098,165.083974 Z M89.0172642,137.098529 L260.121958,235.540974 L427.640018,138.456525 L339.210941,87.2017661 L262.258901,131.853758 L179.736828,84.2839889 L89.0172642,137.098529 Z M272.206216,463.739666 L370.845646,406.905256 L370.845646,322.809124 L444.244039,280.276172 L444.244039,167.397587 L272.206216,266.116045 L272.206216,463.739666 Z M255.633239,512 L34,384.729507 L34,128.977638 L255.644267,0 L477.328236,128.432852 L477.328236,384.321468 L255.633239,512 Z"></path>
+    </SVGIcon>
   );
 }
-
-CodeSandboxSVGIcon.defaultProps = {
-  role: "img",
-  focusable: "false",
-};
diff --git a/packages/documentation/src/icons/CssIcon.tsx b/packages/documentation/src/icons/CssIcon.tsx
@@ -1,14 +1,24 @@
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-import { Component as HtmlSVG } from "./html.svg";
-
-export default function HtmlIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement | null {
+export default function HtmlIcon(props: SVGIconProps): ReactElement {
   return (
-    <HtmlSVG {...props} className={cn("rmd-icon rmd-icon--svg", className)} />
+    <SVGIcon {...props} viewBox="0 0 72 96">
+      <path
+        fill="#72a536"
+        d="M0 2v92c0 1.1.9 2 2 2h68c1.1 0 2-.9 2-2V28H50c-1.1 0-2-.9-2-2V0H2C.9 0 0 .9 0 2z"
+      />
+      <path fill="#72a536" d="M71.9 24c-.1-.4-.2-.7-.4-1L52 1.2V24h19.9z" />
+      <path
+        d="M6 41h60v49H6V41zm6.5-34.9c1.3 0 2.6.4 3.6 1.2l-1.4 2.8c-.4-.5-1.3-.9-2.1-.9-2.1 0-3.2 1.9-3.2 4.2s1.2 4.4 3.2 4.4c1 0 1.7-.5 2.3-1l1.4 2.8c-.9.7-2 1.3-3.9 1.3-4 0-6.3-3.1-6.3-7.4-.1-4.2 2.3-7.4 6.4-7.4zm7.2 10.6c.6.6 1.4 1.2 2.3 1.2s1.3-.6 1.3-1.2c0-2-4.8-2.1-4.8-6.2 0-2.4 1.7-4.3 4.5-4.3 1.2 0 2.4.3 3.4 1l-1.2 2.9c-.5-.4-1.4-.9-2.2-.9-.9 0-1.3.6-1.3 1.2 0 2.1 4.8 2 4.8 6.1 0 2.3-1.5 4.4-4.4 4.4-1.4 0-2.9-.5-4-1.4l1.6-2.8zm10.7 0c.6.6 1.4 1.2 2.3 1.2.9 0 1.3-.6 1.3-1.2 0-2-4.8-2.1-4.8-6.2 0-2.4 1.7-4.3 4.5-4.3 1.2 0 2.4.3 3.4 1L36 10.1c-.5-.4-1.4-.9-2.2-.9-.9 0-1.3.6-1.3 1.2 0 2.1 4.8 2 4.8 6.1 0 2.3-1.5 4.4-4.4 4.4-1.4 0-2.9-.5-4-1.4l1.5-2.8z"
+        fill="#fff"
+      />
+      <path
+        d="M16.4 67.5v-4.1c.9-.1 1.6-.2 2-.4s.8-.6 1.2-1c.4-.5.5-1.1.7-1.9.1-.6.2-1.5.2-2.8 0-2.2.1-3.7.4-4.6.2-.8.6-1.6 1.2-2 .5-.5 1.4-.9 2.5-1.2.7-.2 1.9-.4 3.5-.4h.9V53c-1.3 0-2.2.1-2.6.3s-.6.4-.9.6c-.2.3-.3.7-.3 1.5s-.1 2-.2 4.1c-.1 1.2-.2 2-.4 2.8-.3.6-.6 1.2-1 1.8-.4.4-1 .9-1.8 1.4.7.4 1.3.8 1.8 1.3s.8 1.2 1.1 1.9c.3.7.4 1.8.4 3 .1 1.9.1 3.1.1 3.6 0 .7.1 1.2.3 1.6.2.4.5.5.9.6.4.2 1.2.3 2.6.3v4.1h-1c-1.6 0-2.9-.1-3.7-.4-.9-.3-1.6-.6-2.2-1.2s-1-1.2-1.2-2-.3-2.1-.3-4c0-2-.1-3.5-.3-4.1-.3-.9-.7-1.6-1.2-2-.7-.5-1.5-.7-2.7-.7zm39.1 0c-.9.1-1.6.2-2 .4-.4.2-.8.6-1.2 1-.4.5-.5 1.1-.7 1.9-.1.6-.2 1.5-.2 2.8 0 2.2-.1 3.7-.4 4.6-.2.9-.6 1.6-1.2 2-.5.5-1.4.9-2.5 1.2-.7.2-1.9.4-3.5.4h-1v-4.1c1.3 0 2.1-.1 2.6-.3s.7-.4.9-.6c.2-.3.3-.7.3-1.5 0-.6.1-2 .2-4 .1-1.2.3-2.1.5-2.8.3-.7.6-1.3 1.1-1.9.4-.5 1-.9 1.7-1.3-.9-.6-1.6-1.1-2-1.6-.5-.7-1-1.8-1.2-2.8-.2-.8-.3-2.6-.3-5.2 0-.8-.1-1.4-.3-1.8-.2-.3-.4-.5-.8-.6-.2-.3-1-.3-2.5-.3v-4h1c1.6 0 2.9.1 3.7.4.9.3 1.6.6 2.2 1.2s1 1.2 1.2 2 .4 2.1.4 4c0 2 .1 3.4.3 4.1.3.9.7 1.6 1.2 1.9.5.4 1.4.6 2.5.6.1.1 0 4.3 0 4.3z"
+        fill="#72a536"
+        stroke="#72a536"
+        strokeMiterlimit="10"
+      />
+    </SVGIcon>
   );
 }
diff --git a/packages/documentation/src/icons/FileSVGIcon.tsx b/packages/documentation/src/icons/FileSVGIcon.tsx
@@ -1,15 +1,11 @@
 // source: https://ionicons.com/
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-import { Component as FileSVG } from "./file.svg";
-
-export default function FileSVGIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement {
+export default function FileSVGIcon(props: SVGIconProps): ReactElement {
   return (
-    <FileSVG {...props} className={cn("rmd-icon rmd-icon--svg", className)} />
+    <SVGIcon {...props} viewBox="0 0 512 512">
+      <path d="M288 48H136c-22.092 0-40 17.908-40 40v336c0 22.092 17.908 40 40 40h240c22.092 0 40-17.908 40-40V176L288 48zm-16 144V80l112 112H272z" />
+    </SVGIcon>
   );
 }
diff --git a/packages/documentation/src/icons/GithubSVGIcon.tsx b/packages/documentation/src/icons/GithubSVGIcon.tsx
@@ -1,21 +1,10 @@
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
-import { Component as GithubIcon } from "./github.svg";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-export default function GithubSVGIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement {
+export default function GithubSVGIcon(props: SVGIconProps): ReactElement {
   return (
-    <GithubIcon
-      {...props}
-      className={cn("rmd-icon rmd-icon--svg", className)}
-    />
+    <SVGIcon {...props}>
+      <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+    </SVGIcon>
   );
 }
-
-GithubSVGIcon.defaultProps = {
-  role: "presentation",
-  focusable: "false",
-};
diff --git a/packages/documentation/src/icons/HTML5SVGIcon.tsx b/packages/documentation/src/icons/HTML5SVGIcon.tsx
diff --git a/packages/documentation/src/icons/Html5SVGIcon.tsx b/packages/documentation/src/icons/Html5SVGIcon.tsx
@@ -0,0 +1,23 @@
+// source: https://konpa.github.io/devicon/
+import React, { ReactElement } from "react";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
+
+export default function Html5SVGIcon(props: SVGIconProps): ReactElement {
+  return (
+    <SVGIcon {...props} viewBox="0 0 128 128">
+      <path
+        fill="#E44D26"
+        d="M19.037 113.876l-10.005-112.215h109.936l-10.016 112.198-45.019 12.48z"
+      />
+      <path fill="#F16529" d="M64 116.8l36.378-10.086 8.559-95.878h-44.937z" />
+      <path
+        fill="#EBEBEB"
+        d="M64 52.455h-18.212l-1.258-14.094h19.47v-13.762h-34.511l.33 3.692 3.382 37.927h30.799zM64 88.198l-.061.017-15.327-4.14-.979-10.975h-13.817l1.928 21.609 28.193 7.826.063-.017z"
+      />
+      <path
+        fill="#fff"
+        d="M63.952 52.455v13.763h16.947l-1.597 17.849-15.35 4.143v14.319l28.215-7.82.207-2.325 3.234-36.233.335-3.696h-3.708zM63.952 24.599v13.762h33.244l.276-3.092.628-6.978.329-3.692z"
+      />
+    </SVGIcon>
+  );
+}
diff --git a/packages/documentation/src/icons/HtmlIcon.tsx b/packages/documentation/src/icons/HtmlIcon.tsx
@@ -1,14 +1,25 @@
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-import { Component as HtmlSVG } from "./html.svg";
-
-export default function HtmlIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement | null {
+export default function HtmlIcon(props: SVGIconProps): ReactElement {
   return (
-    <HtmlSVG {...props} className={cn("rmd-icon rmd-icon--svg", className)} />
+    <SVGIcon {...props} viewBox="0 0 72 96">
+      <path
+        fill="#d75b26"
+        d="M0 2v92c0 1.1.9 2 2 2h68c1.1 0 2-.9 2-2V28H50c-1.1 0-2-.9-2-2V0H2C.9 0 0 .9 0 2z"
+      />
+      <path fill="#d75b26" d="M71.9 24c-.1-.4-.2-.7-.4-1L52 1.2V24h19.9z" />
+      <path
+        d="M6 41h60v49H6zm.5-34.6h2.8v5.8H12V6.4h2.8v14.3H12V15H9.2v5.7H6.5V6.4zm12 2.9h-2.7V6.4h8.1v2.9h-2.7v11.4h-2.8V9.3zm6.9-2.9h3.1l1.1 6c.2.9.4 2.4.4 2.4s.2-1.5.4-2.4l1.1-6h3.1l.8 14.3h-2.6l-.3-6.4c-.1-1.1 0-2.4 0-2.4h-.1s-.2 1.5-.4 2.4l-.7 4.1h-2.7l-.7-4.1c-.2-.9-.4-2.4-.4-2.4h-.1s.1 1.3 0 2.4l-.3 6.4h-2.6l.9-14.3zm11.5 0h2.8v11.4h3.7v2.9H37V6.4z"
+        fill="#fff"
+      />
+      <path
+        d="M23.5 75c-.5 0-1.1-.2-1.5-.6L13.6 66c-.8-.8-.8-2.1 0-3l8.4-8.4c.8-.8 2.1-.8 3 0 .8.8.8 2.1 0 3l-7 6.9 6.9 6.9c.8.8.8 2.1 0 3-.4.4-.9.6-1.4.6zm25 0c-.5 0-1.1-.2-1.5-.6-.8-.8-.8-2.1 0-3l6.9-6.9-6.9-6.9c-.8-.8-.8-2.1 0-3 .8-.8 2.1-.8 3 0l8.4 8.4c.8.8.8 2.1 0 3L50 74.3c-.4.5-.9.7-1.5.7zm-16.7 4.1c-.2 0-.4 0-.7-.1-1.1-.4-1.7-1.5-1.3-2.6l8.4-25.1c.4-1.1 1.5-1.7 2.6-1.3 1.1.4 1.7 1.5 1.3 2.6l-8.4 25.1c-.2.9-1 1.4-1.9 1.4z"
+        fill="#d75b26"
+        stroke="#d75b26"
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
+      />
+    </SVGIcon>
   );
 }
diff --git a/packages/documentation/src/icons/JavascriptSVGIcon.tsx b/packages/documentation/src/icons/JavascriptSVGIcon.tsx
@@ -1,18 +1,11 @@
 // source: https://konpa.github.io/devicon/
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-import { Component as JavascriptSVG } from "./javascript.svg";
-
-export default function JavascriptSVGIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement {
+export default function JavascriptSVGIcon(props: SVGIconProps): ReactElement {
   return (
-    <JavascriptSVG
-      {...props}
-      className={cn("rmd-icon rmd-icon--svg", className)}
-    />
+    <SVGIcon {...props} viewBox="0 0 128 128">
+      <path d="M2 1v125h125v-125h-125zm66.119 106.513c-1.845 3.749-5.367 6.212-9.448 7.401-6.271 1.44-12.269.619-16.731-2.059-2.986-1.832-5.318-4.652-6.901-7.901l9.52-5.83c.083.035.333.487.667 1.071 1.214 2.034 2.261 3.474 4.319 4.485 2.022.69 6.461 1.131 8.175-2.427 1.047-1.81.714-7.628.714-14.065-.001-10.115.046-20.188.046-30.188h11.709c0 11 .06 21.418 0 32.152.025 6.58.596 12.446-2.07 17.361zm48.574-3.308c-4.07 13.922-26.762 14.374-35.83 5.176-1.916-2.165-3.117-3.296-4.26-5.795 4.819-2.772 4.819-2.772 9.508-5.485 2.547 3.915 4.902 6.068 9.139 6.949 5.748.702 11.531-1.273 10.234-7.378-1.333-4.986-11.77-6.199-18.873-11.531-7.211-4.843-8.901-16.611-2.975-23.335 1.975-2.487 5.343-4.343 8.877-5.235l3.688-.477c7.081-.143 11.507 1.727 14.756 5.355.904.916 1.642 1.904 3.022 4.045-3.772 2.404-3.76 2.381-9.163 5.879-1.154-2.486-3.069-4.046-5.093-4.724-3.142-.952-7.104.083-7.926 3.403-.285 1.023-.226 1.975.227 3.665 1.273 2.903 5.545 4.165 9.377 5.926 11.031 4.474 14.756 9.271 15.672 14.981.882 4.916-.213 8.105-.38 8.581z"></path>
+    </SVGIcon>
   );
 }
diff --git a/packages/documentation/src/icons/JsIcon.tsx b/packages/documentation/src/icons/JsIcon.tsx
@@ -1,14 +1,24 @@
 import React, { ReactElement } from "react";
-import cn from "classnames";
-import { SVGIconProps } from "@react-md/icon";
+import { SVGIcon, SVGIconProps } from "@react-md/icon";
 
-import { Component as JsSVG } from "./js.svg";
-
-export default function JsIcon({
-  className,
-  ...props
-}: SVGIconProps): ReactElement | null {
+export default function JsIcon(props: SVGIconProps): ReactElement {
   return (
-    <JsSVG {...props} className={cn("rmd-icon rmd-icon--svg", className)} />
+    <SVGIcon {...props} viewBox="0 0 72 96">
+      <path
+        fill="#307ac6"
+        d="M0 2v92c0 1.1.9 2 2 2h68c1.1 0 2-.9 2-2V28H50c-1.1 0-2-.9-2-2V0H2C.9 0 0 .9 0 2z"
+      />
+      <path fill="#307ac6" d="M71.9 24c-.1-.4-.2-.7-.4-1L52 1.2V24h19.9z" />
+      <path
+        d="M6 41h60v49H6V41zm-.3-25.7H9v1.1c0 1.5.4 1.6.7 1.6.5 0 .7-.3.7-1.6v-7H7.7v-3h6v9.9c0 3.3-2 4.6-4 4.6-2.1 0-4-1.4-4-4.6v-1zM18 16.7c.6.6 1.4 1.2 2.3 1.2s1.3-.6 1.3-1.2c0-2-4.8-2.1-4.8-6.2 0-2.4 1.7-4.3 4.5-4.3 1.2 0 2.4.3 3.4 1l-1.2 2.9c-.5-.4-1.4-.9-2.2-.9-.9 0-1.3.6-1.3 1.2 0 2.1 4.8 2 4.8 6.1 0 2.3-1.5 4.4-4.4 4.4-1.4 0-2.9-.5-4-1.4l1.6-2.8z"
+        fill="#fff"
+      />
+      <path
+        d="M16.4 67.5v-4.1c.9-.1 1.6-.2 2-.4s.8-.6 1.2-1c.4-.5.5-1.1.7-1.9.1-.6.2-1.5.2-2.8 0-2.2.1-3.7.4-4.6.2-.8.6-1.6 1.2-2 .5-.5 1.4-.9 2.5-1.2.7-.2 1.9-.4 3.5-.4h.9V53c-1.3 0-2.2.1-2.6.3s-.6.4-.9.6c-.2.3-.3.7-.3 1.5s-.1 2-.2 4.1c-.1 1.2-.2 2-.4 2.8-.3.6-.6 1.2-1 1.8-.4.4-1 .9-1.8 1.4.7.4 1.3.8 1.8 1.3s.8 1.2 1.1 1.9c.3.7.4 1.8.4 3 .1 1.9.1 3.1.1 3.6 0 .7.1 1.2.3 1.6.2.4.5.5.9.6.4.2 1.2.3 2.6.3v4.1h-1c-1.6 0-2.9-.1-3.7-.4-.9-.3-1.6-.6-2.2-1.2s-1-1.2-1.2-2-.3-2.1-.3-4c0-2-.1-3.5-.3-4.1-.3-.9-.7-1.6-1.2-2-.7-.5-1.5-.7-2.7-.7zm39.1 0c-.9.1-1.6.2-2 .4-.4.2-.8.6-1.2 1-.4.5-.5 1.1-.7 1.9-.1.6-.2 1.5-.2 2.8 0 2.2-.1 3.7-.4 4.6-.2.9-.6 1.6-1.2 2-.5.5-1.4.9-2.5 1.2-.7.2-1.9.4-3.5.4h-1v-4.1c1.3 0 2.1-.1 2.6-.3s.7-.4.9-.6c.2-.3.3-.7.3-1.5 0-.6.1-2 .2-4 .1-1.2.3-2.1.5-2.8.3-.7.6-1.3 1.1-1.9.4-.5 1-.9 1.7-1.3-.9-.6-1.6-1.1-2-1.6-.5-.7-1-1.8-1.2-2.8-.2-.8-.3-2.6-.3-5.2 0-.8-.1-1.4-.3-1.8-.2-.3-.4-.5-.8-.6-.2-.3-1-.3-2.5-.3v-4h1c1.6 0 2.9.1 3.7.4.9.3 1.6.6 2.2 1.2s1 1.2 1.2 2 .4 2.1.4 4c0 2 .1 3.4.3 4.1.3.9.7 1.6 1.2 1.9.5.4 1.4.6 2.5.6.1.1 0 4.3 0 4.3z"
+        fill="#307ac6"
+        stroke="#307ac6"
+        strokeMiterlimit="10"
+      />
+    </SVGIcon>
   );
 }