diff --git a/src/svg-icons/pencil_svg.tsx b/src/svg-icons/pencil_svg.tsx
index 866f908e..3ddb81c2 100644
--- a/src/svg-icons/pencil_svg.tsx
+++ b/src/svg-icons/pencil_svg.tsx
@@ -2,17 +2,17 @@ import * as React from "react";
 
 const pencilSvg = ({
   fill = "#ffffff"
-}) => (
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="18"
-  height="18"
-  viewBox="0 0 24 24"
-  fill={fill}
-  >
-  <path 
-      d="M14.1 7.1l2.9 2.9L6.1 20.7l-3.6.7.7-3.6L14.1 7.1zm0-2.8L1.4 16.9 0 24l7.1-1.4L19.8 9.9l-5.7-5.7zm7.1 4.3L24 5.7 18.3 0l-2.8 2.8 5.7 5.7z"></path>
-</svg>
-);
+  }): JSX.Element => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      viewBox="0 0 24 24"
+      fill={fill}
+      >
+      <path 
+          d="M14.1 7.1l2.9 2.9L6.1 20.7l-3.6.7.7-3.6L14.1 7.1zm0-2.8L1.4 16.9 0 24l7.1-1.4L19.8 9.9l-5.7-5.7zm7.1 4.3L24 5.7 18.3 0l-2.8 2.8 5.7 5.7z"></path>
+    </svg>
+  );
 
 export default pencilSvg;
diff --git a/src/svg-icons/thumbs_down_svg.tsx b/src/svg-icons/thumbs_down_svg.tsx
index 4bb89d79..ce61db5a 100644
--- a/src/svg-icons/thumbs_down_svg.tsx
+++ b/src/svg-icons/thumbs_down_svg.tsx
@@ -2,22 +2,22 @@ import * as React from "react";
 
 const thumbsDownSvg = ({
   fill = "#ffffff"
-}) => (
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="18"
-  height="18"
-  fill={fill}
-  viewBox="0 0 24 24"
-  >
-  <path
-      fill="none"
-      d="M0 0h24v24H0z">
-  </path>
-  <path
-      d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"
-  ></path>
-</svg>
-);
+  }): JSX.Element => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      fill={fill}
+      viewBox="0 0 24 24"
+      >
+      <path
+          fill="none"
+          d="M0 0h24v24H0z">
+      </path>
+      <path
+          d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"
+      ></path>
+    </svg>
+  );
 
 export default thumbsDownSvg;
diff --git a/src/svg-icons/thumbs_up_svg.tsx b/src/svg-icons/thumbs_up_svg.tsx
index 8dd77c1c..10c95d94 100644
--- a/src/svg-icons/thumbs_up_svg.tsx
+++ b/src/svg-icons/thumbs_up_svg.tsx
@@ -2,21 +2,21 @@ import * as React from "react";
 
 const thumbsUpSvg = ({
   fill = "#ffffff"
-}) => (
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="18"
-  height="18"
-  fill={fill}
-  viewBox="0 0 24 24"
-  >
-  <path
-    fill="none"
-    d="M0 0h24v24H0V0z"></path>
-  <path
-      d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"
-  ></path>
-</svg>
-);
+  }): JSX.Element => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+      fill={fill}
+      viewBox="0 0 24 24"
+      >
+      <path
+        fill="none"
+        d="M0 0h24v24H0V0z"></path>
+      <path
+          d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"
+      ></path>
+    </svg>
+  );
 
 export default thumbsUpSvg;