[Icons] Add Secondary Logo (#879)

src/icons/logos/logo.ts

@@ -1,4 +1,4 @@
-import { LogoPrimary } from './svgs';
+import { LogoPrimary, LogoSecondary } from './svgs';
 import { IconProps, useIcon } from '../../shared-components/icon';
 
-export default (props: IconProps) => useIcon(LogoPrimary, LogoPrimary, props);
+export default (props: IconProps) => useIcon(LogoPrimary, LogoSecondary, props);

src/icons/logos/svgs/LogoSecondary.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+function SvgLogoSecondary(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width={64}
+      height={64}
+      viewBox="0 0 64 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M53.979 55.253h-.907c-.516 0-.688-.11-.688-.657v-3.02l2.565-4.568c.33-.58.516-.782 1.127-.782h.125v-.736h-3.582v.736h.266c.736 0 1.08.124 1.08.58 0 .156-.063.344-.173.547l-1.783 3.301-2.174-3.63c-.125-.203-.203-.375-.203-.501 0-.235.235-.297.688-.297h.626v-.736h-4.162v.736h.14c.58 0 .75.28 1.05.782l2.815 4.647v2.94c0 .438-.14.658-.501.658h-1.111v.736h4.803v-.736h-.001zm-19.414-9.027c-.547-.626-1.376-.97-2.409-.97-2.503 0-4.396 2.314-4.396 5.49 0 3.302 1.955 5.523 4.505 5.523 2.08 0 3.582-1.425 3.849-3.896l-.767-.094c-.407 2.144-1.407 3.223-2.926 3.223-2.002 0-2.91-1.564-2.91-4.755s.939-4.804 2.848-4.804c1.424 0 2.425 1.252 2.816 3.66h.672l-.172-4.286h-.642l-.468.909zm-25.47 7.26v.063c0 1.219-.172 1.72-1.205 1.767v.672h3.285v-.672h-.14c-.939 0-1.19-.486-1.19-1.675v-6.18l4.631 8.777h.893v-8.245c0-1.298.188-1.815 1.235-1.831v-.672H13.29v.672h.062c1.001 0 1.284.39 1.284 1.627v5.6l-4.114-7.901H7.89v.72c.783.016 1.05 0 1.206.47v6.808h-.002zm28.316-16.27h8.057l.203-4.005h-.658c-.485 2.94-.97 3.317-3.441 3.317-.907 0-1.236-.032-1.236-.672v-3.77h.078c1.346 0 1.815.453 1.924 1.987h.688v-4.661h-.688c-.11 1.532-.58 1.987-1.924 1.987h-.078v-3.317c0-.594.28-.658 1.111-.658 2.19 0 2.8.36 3.191 3.035h.704l-.186-3.74H37.41v.735c1.064.016 1.33-.032 1.33.672v7.682c0 .704-.25.658-1.33.672v.736zm-10.81-4.82h-3.973v.736h.876c.313 0 .391.22.391.736v.704c0 1.44-.688 2.19-1.783 2.19-1.675 0-2.457-1.58-2.457-4.787s.782-4.803 2.393-4.803c1.346 0 2.144 1.14 2.55 3.536h.72l-.141-4.178h-.688l-.375.922c-.079-.453-1.127-.984-2.207-.984-2.284 0-4.02 2.112-4.02 5.507 0 3.396 1.736 5.492 4.145 5.492 1.22 0 2.236-.642 2.284-1.362l.376 1.362h.671V33.79c0-.563.11-.657.502-.657h.736v-.736zm4.914-22.293L33 14.25h-2.926l1.44-4.146zm4.051 6.9l-3.363-9.23h-.642L28.464 16.5c-.313.877-.548 1.206-1.298 1.206h-.156v.736h3.536v-.736h-.14c-.783 0-1.158-.125-1.158-.688 0-.189.062-.564.172-.86l.423-1.112h3.396l.61 1.8c.078.218.11.39.11.515 0 .359-.359.329-1.298.345v.736h4.068v-.736c-.772-.016-.928-.063-1.163-.704z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgLogoSecondary;

src/icons/logos/svgs/index.tsx

@@ -1,2 +1,3 @@
 export { default as LogoPrimary } from './LogoPrimary'
+export { default as LogoSecondary } from './LogoSecondary'
 export { default as WordmarkPrimary } from './WordmarkPrimary'

src/icons/logos/wordmark.ts

@@ -1,5 +1,6 @@
-import { WordmarkPrimary } from './svgs';
+// Secondary Logo and Wordmark are identical
+import { WordmarkPrimary, LogoSecondary } from './svgs';
 import { IconProps, useIcon } from '../../shared-components/icon';
 
 export default (props: IconProps) =>
-  useIcon(WordmarkPrimary, WordmarkPrimary, props);
+  useIcon(WordmarkPrimary, LogoSecondary, props);