New X icon for twitter (X2-6791) (#263)

* new twitter x icon

* index.js changes

src/icons/Logos/XIcon.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { createIcon } from "../../helpers/icon";
+
+export const XIcon = createIcon((props) => {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} viewBox="0 0 30 30" {...props}>
+            <path
+                d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"
+                fill="#000"
+            />
+        </svg>
+    );
+});
+
+XIcon.tags = ["logo", "social media", "x"];

src/index.js

@@ -262,6 +262,7 @@ export { YelpIcon } from "./icons/Logos/YelpIcon";
 export { LogoutIcon } from "./icons/LogoutIcon";
 export { HelpCenterIcon } from "./icons/HelpCenterIcon";
 export { PolicyIcon } from "./icons/PolicyIcon";
+export { XIcon } from "./icons/Logos/XIcon";
 
 export { theme } from "./theme";