fix: branding icon svgs (#674)

packages/components/src/components/icons/SymphonyAnalytics.tsx

@@ -10,8 +10,8 @@ const SvgSymphonyAnalytics = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path fillRule="evenodd" clipRule="evenodd" d="M1.678 7A6.4 6.4 0 0 1 7 1.678V.062A8 8 0 0 0 .062 7zm0 2H.062A8 8 0 0 0 7 15.938v-1.616A6.4 6.4 0 0 1 1.678 9M0 8.04v-.079zM14.322 9h1.616A8 8 0 0 1 9 15.938v-1.616A6.405 6.405 0 0 0 14.322 9m1.616-2h-1.616A6.4 6.4 0 0 0 9 1.678V.062A8 8 0 0 1 15.938 7M8 0h.012z" fill="currentColor"/>
-    <path fill="currentColor" d="M10 8a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 4 0"/>
+    <path d="M1.678 7A6.4 6.4 0 0 1 7 1.678V.062A8 8 0 0 0 .062 7zm0 2H.062A8 8 0 0 0 7 15.938v-1.616A6.4 6.4 0 0 1 1.678 9M0 8.04v-.079zM14.322 9h1.616A8 8 0 0 1 9 15.938v-1.616A6.405 6.405 0 0 0 14.322 9m1.616-2h-1.616A6.4 6.4 0 0 0 9 1.678V.062A8 8 0 0 1 15.938 7M8 0h.012z" fill="currentColor"/>
+    <path d="M10 8a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 4 0" fill="currentColor" />
   </svg>
 );
 export default SvgSymphonyAnalytics;

packages/components/src/components/icons/SymphonyDirectory.tsx

@@ -10,9 +10,9 @@ const SvgSymphonyDirectory = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path d="M14 14V7c0-3.301-2.686-6-6-6S2 3.699 2 7v2" stroke="currentColor" strokeWidth="1.6"/>
-    <path d="M3.42 12.655A4.78 4.78 0 0 0 5 9.103V7.505a3 3 0 1 1 6-.005v2.64a10 10 0 0 1-1.168 4.695l-.229.432" stroke="currentColor" strokeWidth="1.6"/>
-    <path d="M8.8 8a.8.8 0 1 0-1.6 0zM8 10.068h-.8zM7.2 8v2.068h1.6V8zm0 2.068a6.1 6.1 0 0 1-2.021 4.538l1.07 1.189A7.7 7.7 0 0 0 8.8 10.068z" fill="currentColor"/>
+    <path d="M 14.8 14 L 14.8 7 C 14.765 5.186 13.995 3.385 12.809 2.197 C 11.623 1.009 9.821 0.2 8 0.2 C 6.179 0.2 4.377 1.009 3.191 2.197 C 2.005 3.385 1.235 5.186 1.2 7 L 1.2 9 L 2.8 9 L 2.8 7 C 2.765 5.513 3.338 4.314 4.323 3.327 C 5.309 2.341 6.507 1.8 8 1.8 C 9.493 1.8 10.691 2.341 11.677 3.327 C 12.662 4.314 13.235 5.513 13.2 7 L 13.2 14 Z" fill="currentColor" />
+    <path d="M 2.884 12.061 C 3.793 11.289 4.235 10.295 4.2 9.103 L 4.2 7.506 C 4.266 6.129 5.069 4.808 6.097 4.213 C 7.125 3.618 8.705 3.523 9.897 4.21 C 10.999 4.845 11.745 6.228 11.8 7.5 L 11.8 10.14 C 11.789 11.873 11.341 13.673 10.539 15.21 L 10.31 15.642 L 8.896 14.892 L 9.125 14.46 C 9.858 13.106 10.213 11.681 10.2 10.14 L 10.2 7.5 C 10.253 6.628 9.854 6.032 9.098 5.596 C 8.29 5.131 7.619 5.181 6.898 5.598 C 6.177 6.015 5.732 6.571 5.8 7.504 L 5.8 9.103 C 5.766 10.62 5.059 12.208 3.956 13.249 Z" fill="currentColor" />
+    <path d="M8.8 8a.8.8 0 1 0-1.6 0zM8 10.068h-.8zM7.2 8v2.068h1.6V8zm0 2.068a6.1 6.1 0 0 1-2.021 4.538l1.07 1.189A7.7 7.7 0 0 0 8.8 10.068z" fill="currentColor" />
   </svg>
 );
 export default SvgSymphonyDirectory;

packages/components/src/components/icons/SymphonyMessaging.tsx

@@ -10,7 +10,7 @@ const SvgSymphonyMessaging = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path d="M5 14h6.484L15 8l-3.516-6H5m2 6H0m9-3H2m7 6H2" stroke="currentColor" strokeWidth="1.6"/>
+    <path d="M 5 13.2 L 11.026 13.2 L 14.073 8 L 11.026 2.8 L 5 2.8 L 5 1.2 L 11.942 1.2 L 15.927 8 L 11.942 14.8 L 5 14.8 Z M 7 8.8 L 0 8.8 L 0 7.2 L 7 7.2 Z M 9 5.8 L 2 5.8 L 2 4.2 L 9 4.2 Z M 9 11.8 L 2 11.8 L 2 10.2 L 9 10.2 Z" fill="currentColor" />
   </svg>
 );
 export default SvgSymphonyMessaging;

packages/components/src/components/icons/SymphonyVoice.tsx

@@ -10,8 +10,8 @@ const SvgSymphonyVoice = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path d="M8.005 15.425c-4.101-4.101-4.101-10.749 0-14.849" stroke="currentColor" strokeWidth="1.6"/>
-    <path d="M10.267 13.162a7.3 7.3 0 0 1 0-10.324" stroke="currentColor" strokeWidth="1.6"/>
+    <path d="M 7.298 8.024 C 7.298 5.776 8.212 3.743 9.687 2.271 L 10.826 3.412 C 9.642 4.593 8.91 6.226 8.91 8.029 C 8.91 9.833 9.64 11.463 10.822 12.643 L 9.686 13.777 C 8.21 12.306 7.298 10.272 7.298 8.024 Z" fill="currentColor" />
+    <path d="M 4.139 8.32 C 4.042 5.079 5.315 2.114 7.432 -0.017 L 8.578 1.15 C 6.762 2.977 5.671 5.516 5.755 8.295 C 5.831 10.86 6.896 13.161 8.572 14.849 L 7.438 15.978 C 5.476 14.008 4.23 11.318 4.139 8.32 Z" fill="currentColor" />
   </svg>
 );
 export default SvgSymphonyVoice;

packages/components/stories/helpers/ListOfIcons.ts

@@ -150,7 +150,11 @@ export const ReactIcons = {
   'Star': icons.Star,
   'Symbols': icons.Symbols,
   'Symphony': icons.Symphony,
+  'SymphonyAnalytics': icons.SymphonyAnalytics,
+  'SymphonyDirectory': icons.SymphonyDirectory,
   'SymphonyLogo': icons.SymphonyLogo,
+  'SymphonyMessaging': icons.SymphonyMessaging,
+  'SymphonyVoice': icons.SymphonyVoice,
   'Table': icons.Table,
   'TeamsMeeting': icons.TeamsMeeting,
   'Top': icons.Top,