diff --git a/package-lock.json b/package-lock.json
index 8dd14fb8..460fe138 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20897,9 +20897,9 @@
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
     "prettier": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.1.2.tgz",
-      "integrity": "sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.0.tgz",
+      "integrity": "sha512-yYerpkvseM4iKD/BXLYUkQV5aKt4tQPqaGW6EsZjzyu0r7sVZZNPJW4Y8MyKmicp6t42XUPcBVA+H6sB3gqndw==",
       "dev": true
     },
     "prettier-linter-helpers": {
diff --git a/package.json b/package.json
index 8eb31e2d..61b83c7c 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "jest-canvas-mock": "2.3.0",
     "lint-staged": "10.5.1",
     "pepjs": "0.5.2",
-    "prettier": "2.1.2",
+    "prettier": "2.2.0",
     "rewire": "5.0.0"
   },
   "engines": {
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 3cec715b..1e6ed51d 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -15,9 +15,11 @@ const iconFillColor = (appearance: "light" | "dark") =>
 const handlerColor = (appearance: "light" | "dark") =>
   appearance === "light" ? oc.white : "#1e1e1e";
 
-type Opts = { width?: number; height?: number; mirror?: true } & React.SVGProps<
-  SVGSVGElement
->;
+type Opts = {
+  width?: number;
+  height?: number;
+  mirror?: true;
+} & React.SVGProps<SVGSVGElement>;
 
 const createIcon = (d: string | React.ReactNode, opts: number | Opts = 512) => {
   const { width = 512, height = width, mirror, style } =