new(IconInstagram, IconTwitter): Add new social icons. (#347)

packages/icons/src/social/IconInstagram.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import withIcon, { Props } from '../withIcon';
+
+function IconInstagram(props: Props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 2c-1.63 0-1.834.007-2.474.036-.638.03-1.075.13-1.456.279-.395.153-.73.358-1.063.692a2.941 2.941 0 00-.692 1.063c-.148.381-.25.818-.279 1.456C2.006 6.166 2 6.37 2 8c0 1.63.007 1.834.036 2.474.03.638.13 1.075.279 1.456.153.395.358.73.692 1.063.334.333.668.539 1.063.692.381.148.818.25 1.456.279.64.03.845.036 2.474.036 1.63 0 1.834-.007 2.474-.036.638-.03 1.075-.13 1.456-.279.395-.153.73-.359 1.063-.692.333-.334.539-.668.692-1.063.148-.381.25-.818.279-1.456.03-.64.036-.845.036-2.474 0-1.63-.007-1.834-.036-2.474-.03-.638-.13-1.075-.279-1.456a2.941 2.941 0 00-.692-1.063 2.941 2.941 0 00-1.063-.692c-.381-.148-.818-.25-1.456-.279C9.834 2.006 9.63 2 8 2zm0 1.081c1.602 0 1.792.006 2.425.035.584.027.902.124 1.114.207.28.108.48.238.69.448.21.21.34.41.448.69.082.212.18.53.207 1.114.029.633.035.823.035 2.425 0 1.602-.006 1.792-.035 2.425-.027.584-.125.902-.207 1.114-.108.28-.239.48-.448.69-.21.21-.41.34-.69.448-.212.082-.53.18-1.114.207-.633.029-.823.035-2.425.035-1.602 0-1.792-.006-2.425-.035-.585-.027-.902-.125-1.114-.207a1.858 1.858 0 01-.69-.448c-.21-.21-.34-.41-.448-.69-.083-.212-.18-.53-.207-1.114-.029-.633-.035-.823-.035-2.425 0-1.602.006-1.792.035-2.425.027-.585.124-.902.207-1.114.109-.28.239-.48.448-.69.21-.21.41-.34.69-.448.212-.083.53-.18 1.114-.207.633-.029.823-.035 2.425-.035zM8 10a2 2 0 110-4 2 2 0 010 4zm0-5.081a3.081 3.081 0 100 6.162 3.081 3.081 0 000-6.162zm3.203.598a.72.72 0 100-1.44.72.72 0 000 1.44z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default withIcon('IconInstagram')(IconInstagram);

packages/icons/src/social/IconTwitter.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import withIcon, { Props } from '../withIcon';
+
+function IconTwitter(props: Props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14 8A6 6 0 112 8a6 6 0 0112 0zm-2.982-.95c0 1.91-1.455 4.115-4.116 4.115a4.03 4.03 0 01-2.211-.654 2.908 2.908 0 002.142-.597 1.444 1.444 0 01-1.35-1.005 1.442 1.442 0 00.654-.024 1.448 1.448 0 01-1.161-1.419v-.018c.195.108.417.174.654.18A1.44 1.44 0 015.18 5.7a4.104 4.104 0 002.982 1.512 1.447 1.447 0 012.463-1.32 2.93 2.93 0 00.918-.35 1.446 1.446 0 01-.636.8c.294-.036.573-.114.831-.228a2.964 2.964 0 01-.723.75c.003.06.003.123.003.186z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default withIcon('IconTwitter')(IconTwitter);