feat(nx-dev): add customers & company pages (#26813)

Co-authored-by: Juri <juri.strumpflohner@gmail.com>

nx-dev/nx-dev/pages/company.tsx

@@ -0,0 +1,46 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { CoFounders, Hero, TheTeam, Layout } from '@nx/nx-dev/ui-company';
+
+export function Company(): JSX.Element {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Who we are"
+        description="We create build tools to solve problems for developers, startups and large enterprises."
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Company',
+          description:
+            'We create build tools to solve problems for developers, startups and large enterprises.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'NxDev',
+          type: 'website',
+        }}
+      />
+      <Layout>
+        <div>
+          <Hero />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <CoFounders />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <TheTeam />
+        </div>
+      </Layout>
+    </>
+  );
+}
+
+export default Company;

nx-dev/nx-dev/pages/customers.tsx

@@ -0,0 +1,52 @@
+import { DefaultLayout } from '@nx/nx-dev/ui-common';
+import { NextSeo } from 'next-seo';
+import { useRouter } from 'next/router';
+
+import {
+  EnterpriseCustomers,
+  Hero,
+  OssProjects,
+} from '@nx/nx-dev/ui-customers';
+
+export function Customers(): JSX.Element {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Our customers"
+        description="Our customers are spread across the USA, Canada, UK, and Europe."
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Customers',
+          description:
+            'Our customers are spread across the USA, Canada, UK, and Europe.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'NxDev',
+          type: 'website',
+        }}
+      />
+      <DefaultLayout>
+        <div>
+          <Hero />
+        </div>
+        <div className="mt-16 lg:mt-16">
+          <EnterpriseCustomers />
+        </div>
+        <div className="mt-16 lg:mt-32">
+          <OssProjects />
+        </div>
+      </DefaultLayout>
+    </>
+  );
+}
+
+export default Customers;

nx-dev/ui-blog/src/lib/author-detail.tsx

@@ -1,5 +1,5 @@
 import type { BlogAuthor } from '@nx/nx-dev/data-access-documents/node-only';
-import { GithubIcon, TwitterIcon } from '@nx/nx-dev/ui-common';
+import { GithubIcon, XIcon } from '@nx/nx-dev/ui-common';
 import Image from 'next/image';
 
 interface AuthorDetailProps {
@@ -27,7 +27,7 @@ export default function AuthorDetail({ author }: AuthorDetailProps) {
         target="_blank"
         aria-label={`Follow ${author.name} on X`}
       >
-        <TwitterIcon aria-hidden="true" className="h-5 w-5" />
+        <XIcon aria-hidden="true" className="h-5 w-5" />
       </a>
       <a
         href={`https://github.com/${author.github}`}

nx-dev/ui-common/src/index.ts

@@ -19,8 +19,10 @@ export * from './lib/tweet';
 export * from './lib/typography';
 export * from './lib/github-star-widget';
 export * from './lib/youtube.component';
-export * from './lib/twitter-icon';
+export * from './lib/x-icon';
 export * from './lib/discord-icon';
+export * from './lib/logos';
+
 export { resourceMenuItems } from './lib/headers/menu-items';
 export { solutionsMenuItems } from './lib/headers/menu-items';
 export { eventItems } from './lib/headers/menu-items';

nx-dev/ui-common/src/lib/headers/header.tsx

@@ -11,6 +11,7 @@ import Link from 'next/link';
 import { Fragment, useEffect, useState } from 'react';
 import { ButtonLink } from '../button';
 import {
+  companyItems,
   eventItems,
   featuresItems,
   learnItems,
@@ -501,6 +502,12 @@ export function Header(): JSX.Element {
                                       item={item}
                                     />
                                   ))}
+                                  {companyItems.map((item) => (
+                                    <MobileMenuItem
+                                      key={item.name}
+                                      item={item}
+                                    />
+                                  ))}
                                 </Disclosure.Panel>
                               </>
                             )}

nx-dev/ui-common/src/lib/headers/menu-items.ts

@@ -1,6 +1,5 @@
 import {
   AcademicCapIcon,
-  ArrowPathIcon,
   BoltIcon,
   CircleStackIcon,
   CodeBracketIcon,
@@ -9,14 +8,17 @@ import {
   PlayCircleIcon,
   ShareIcon,
   Squares2X2Icon,
-  RectangleGroupIcon,
   ChatBubbleBottomCenterTextIcon,
   ArrowUpCircleIcon,
+  UserGroupIcon,
+  ComputerDesktopIcon,
+  GlobeAltIcon,
 } from '@heroicons/react/24/outline';
 import { FC, SVGProps } from 'react';
 import { NxAgentsIcon } from '../nx-agents-icon';
 import { NxReplayIcon } from '../nx-replay-icon';
 import { DiscordIcon } from '../discord-icon';
+import { BuildingOfficeIcon } from '@heroicons/react/24/solid';
 
 export interface MenuItem {
   name: string;
@@ -207,19 +209,36 @@ export const learnItems: MenuItem[] = [
 export const eventItems: MenuItem[] = [
   {
     name: 'Monorepo World',
-    description:
-      'In person & virtual conference about the latest monorepo advancements.',
+    description: null,
     href: 'https://monorepo.world',
-    icon: null,
+    icon: GlobeAltIcon,
     isNew: false,
     isHighlight: false,
   },
   {
     name: 'Webinars',
-    description:
-      'Virtual courses to get a deeper understanding on monorepos animated by the Nx team.',
+    description: null,
     href: 'https://go.nx.dev/webinar',
-    icon: null,
+    icon: ComputerDesktopIcon,
+    isNew: false,
+    isHighlight: false,
+  },
+];
+
+export const companyItems: MenuItem[] = [
+  {
+    name: 'About Us',
+    description: null,
+    href: '/company',
+    icon: UserGroupIcon,
+    isNew: false,
+    isHighlight: false,
+  },
+  {
+    name: 'Customers',
+    description: null,
+    icon: BuildingOfficeIcon,
+    href: '/customers',
     isNew: false,
     isHighlight: false,
   },
@@ -231,4 +250,5 @@ export const solutionsMenuItems = {
 export const resourceMenuItems = {
   Learn: learnItems,
   Events: eventItems,
+  Company: companyItems,
 };

nx-dev/ui-common/src/lib/logos/addidas.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const AddidasIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Adidas</title>
+    <path d="m24 19.535-8.697-15.07-4.659 2.687 7.145 12.383Zm-8.287 0L9.969 9.59 5.31 12.277l4.192 7.258ZM4.658 14.723l2.776 4.812H1.223L0 17.41Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/adobe.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const AdobeIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Adobe</title>
+    <path d="M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/angular.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const AngularIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Angular</title>
+    <path d="M9.931 12.645h4.138l-2.07-4.908m0-7.737L.68 3.982l1.726 14.771L12 24l9.596-5.242L23.32 3.984 11.999.001zm7.064 18.31h-2.638l-1.422-3.503H8.996l-1.422 3.504h-2.64L12 2.65z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/bloomberg.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const BloombergIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #000000
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 21 24"
+    {...props}
+  >
+    <path d="M.133-.00063h11.7919c2.22 0 3.9536.555 5.1675 1.52624 1.3526 1.11 2.1157 2.77501 2.1157 4.75126 0 2.289-.9364 3.74553-2.844 4.61253v.1038c2.4975.8325 3.9188 3.0525 3.9188 5.7574 0 2.5665-.975 4.578-2.601 5.7919-1.3527.975-3.156 1.4565-5.5144 1.4565h-12v-24L.133-.00064Zm10.6125 9.399c1.2832 0 2.1851-.69375 2.1851-2.11575 0-1.35263-.975-2.04638-2.22-2.04638H6.65312v4.12725h4.09238v.03488Zm.5895 9.29473c1.422 0 2.4975-.867 2.4975-2.4622 0-1.665-1.1445-2.4623-2.5313-2.4623H6.65312v4.9249l4.68188-.0004Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/cais-group.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const CaisGroupIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 5.5"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M4.754 4.74677c-.5394.53221-1.22984.77674-1.985.77674C.82712 5.52351.00723 4.1858.00003 2.8265-.00715 1.45999.87748.07192 2.769.07192c.71202 0 1.38088.2661 1.92029.79832l-.66167.6401c-.34522-.33803-.80552-.48907-1.25862-.48907-1.25861 0-1.8052.94217-1.79802 1.8124.0072.86306.51064 1.76926 1.79802 1.76926.4531 0 .97093-.187 1.31615-.53221zM10.03299 1.273l-.97093 2.22954h1.94186zm1.3665 3.14293h-2.733l-.4459.98532H7.14897L9.49358.1798h1.07162l2.34462 5.22145H11.8382zM15.59966.1798h.97812v5.22145h-.97812zm7.44379 1.25862c-.1798-.29488-.66886-.58256-1.23703-.58256-.7336 0-1.07881.30926-1.07881.69763 0 .4531.5394.58256 1.16511.65448C22.98592 2.34462 24 2.6251 24 3.86934c-.01438 1.16511-1.04285 1.66856-2.20797 1.66856-1.06442 0-1.89151-.33084-2.2727-1.2802l.8199-.42432c.23015.57536.83429.82709 1.46719.82709.61852 0 1.20107-.21577 1.20107-.78394 0-.48906-.51782-.69044-1.20826-.76955-1.06443-.12946-2.04975-.40995-2.04975-1.58226C19.74948.4531 20.80672.00719 21.77046 0c.8127 0 1.65418.23015 2.04974 1.03566z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/capital-one.tsx

@@ -12,27 +12,3 @@ export const CapitalOneIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
     <path d="M15.55 13.706c.015.487.326.883.728.883.778 0 1.109-.954 1.089-1.596-.015-.487-.331-.888-.733-.888-.678.01-1.11.958-1.084 1.6zm-.411-.025c-.03-.834.622-1.682 1.566-1.682.632 0 1.044.422 1.069 1.07.03.877-.578 1.68-1.566 1.68-.633 0-1.05-.42-1.07-1.069zm-8.96-.221a.6.6 0 0 1-.13.035c-.055.01-.15.03-.296.05a.47.47 0 0 0-.206.065c-.035.03-.06.06-.065.1-.01.045.005.076.045.106.04.025.1.04.19.04.066 0 .131-.01.197-.03.065-.02.12-.05.16-.085.03-.025.05-.06.07-.1.005-.026.02-.086.035-.181zm.824-.507a2.388 2.388 0 0 1-.035.26l-.141.784c-.01.07.015.125.08.16l-.005.03h-.798l-.005-.2a1.59 1.59 0 0 1-.382.165 1.47 1.47 0 0 1-.381.045c-.256 0-.407-.025-.507-.115-.105-.09-.156-.15-.15-.281a.44.44 0 0 1 .095-.231.567.567 0 0 1 .211-.146c.08-.04.18-.065.321-.09a6.58 6.58 0 0 1 .598-.065c.135-.01.22-.045.26-.06.056-.02.076-.046.086-.091.015-.08-.01-.126-.115-.146-.286-.055-.823.035-1.104.106l.15-.407a7.014 7.014 0 0 1 1.07-.085c.57-.01.757.156.752.367zm2.308 1.23.276-1.562h.763l-.276 1.561h-.763Zm.317-1.923c.025-.13.226-.23.451-.23.226 0 .392.105.372.23-.025.13-.226.231-.452.231-.23.005-.391-.1-.371-.23zm3.427 1.205c-.035.01-.08.025-.13.035-.055.015-.15.03-.296.05a.47.47 0 0 0-.206.065.149.149 0 0 0-.065.1c-.01.046.01.08.045.106.04.025.1.04.19.04.066 0 .131-.01.197-.03.065-.02.12-.05.16-.085.03-.025.05-.06.07-.1.005-.026.02-.086.035-.181zm.824-.512a1.652 1.652 0 0 1-.04.26l-.141.784c-.01.07.015.125.075.16l-.005.026h-.798l-.005-.2c-.115.07-.256.13-.381.165a1.307 1.307 0 0 1-.382.045c-.256 0-.401-.026-.507-.116-.105-.09-.155-.15-.15-.28a.425.425 0 0 1 .095-.232.635.635 0 0 1 .211-.15c.08-.04.181-.065.316-.09.141-.02.337-.046.603-.066a.9.9 0 0 0 .26-.055c.056-.02.076-.045.086-.09.015-.08-.01-.126-.115-.146-.287-.056-.824.035-1.104.105l.15-.407c.366-.055.708-.09 1.069-.09.582.006.768.166.763.377zm-9.305.668a2.73 2.73 0 0 1-.633.07c-.366 0-.652-.181-.637-.512.01-.221.27-.688.938-.688.211 0 .372.035.593.161l.095-.542a1.763 1.763 0 0 0-.753-.126c-.873.01-1.706.407-1.812 1.21-.105.818.894 1.023 1.335 1.023.256 0 .522-.01.773-.035l.1-.562zm6.193-1.004.055-.317.798-.175-.085.492h.391l-.075.316h-.377l-.23 1.255s-.769-.005-.773 0l.23-1.25h-.29l.06-.316h.296zm3.885 1.565h-.778l.391-2.173.758.02zm-6.35-1.194c-.1 0-.19.03-.27.09-.08.06-.13.15-.15.267-.026.135-.01.235.044.296.056.06.13.09.236.09.07 0 .14-.01.196-.04a.38.38 0 0 0 .15-.13.54.54 0 0 0 .086-.206c.02-.126.005-.216-.056-.276a.322.322 0 0 0-.235-.091Zm-1.39 1.731.372-2.088h.668l-.05.267c.06-.08.15-.146.28-.201.13-.055.277-.09.432-.09.176 0 .281.01.412.075.13.07.22.165.27.296a.8.8 0 0 1 .036.427.934.934 0 0 1-.377.612c-.205.15-.386.19-.652.19-.096 0-.17-.01-.236-.025a.421.421 0 0 1-.15-.06.823.823 0 0 1-.126-.115l-.125.718h-.753v-.006zm13.843-1.54c-.005-.126-.065-.211-.196-.211-.311 0-.648.612-.703.858.512.005.909-.301.899-.647zm.065.963.06.04c-.15.312-.461.563-.828.563-.296 0-.542-.2-.557-.572-.025-.668.602-1.29 1.114-1.29.221 0 .422.096.432.331.02.532-.728.693-1.22.703a.714.714 0 0 0-.02.196c.01.22.14.407.417.407.246-.001.481-.192.602-.377zm-3.057-.978c.056-.005.14-.015.176-.015.055 0 .11.01.11.065 0 .035-.06.27-.07.326l-.12.522c-.05.216-.1.442-.146.617h.306l.17-.833c.523-.547.728-.723.849-.723.055 0 .095.03.095.096.006.096-.055.316-.075.376l-.176.607c-.04.136-.07.261-.065.347.005.135.085.19.206.19.22 0 .386-.23.527-.461l-.04-.075c-.056.09-.191.29-.296.29-.036 0-.066-.02-.066-.075-.005-.07.026-.176.045-.246l.196-.708c.05-.195.076-.32.076-.386-.005-.13-.08-.196-.2-.196-.201 0-.468.146-1.035.798h-.01l.07-.316c.041-.176.076-.356.116-.482-.196.07-.477.15-.647.181l.004.1zm3.328-.567a.27.27 0 0 1 .276-.271c.146 0 .276.115.276.27a.27.27 0 0 1-.276.271.265.265 0 0 1-.276-.27zm.276.23a.22.22 0 0 0 .22-.226.218.218 0 0 0-.22-.226.218.218 0 0 0-.22.226c0 .131.095.226.22.226zm-.055-.07h-.05v-.311h.12c.076 0 .11.025.11.09 0 .056-.034.08-.08.085l.091.136h-.055l-.08-.136h-.056zm.055-.175c.04 0 .076-.006.076-.05 0-.04-.036-.046-.07-.046h-.066v.096zm-6.33 1.49c-.798.567-1.741 1.16-2.755 1.777l-.04.025a.027.027 0 0 0-.005.04c.01.016.03.016.04.006l.035-.02c.858-.447 1.847-.984 2.84-1.531l.016-.01a1.414 1.414 0 0 1-.13-.287zm5.225-4.23c-1.255-1.386-9.325-.142-12.758.611l-.08.016a.038.038 0 0 0-.026.035c.006.015.02.025.036.025l.08-.015c2.845-.507 8.758-1.21 10.033.055.386.387.296.883-.156 1.466.24.155.417.402.492.707 1.757-1.17 2.941-2.283 2.379-2.9z" />
   </svg>
 );
-
-export const CapitalOneColoredIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    role="img"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-    fill="none"
-  >
-    <title>7eleven</title>
-    <path
-      fill="#147350"
-      d="M15.92 17.5c.34 0 .6422.2933.6422.6233 0 .33-.2644.6234-.6422.6234-.34 0-.6044-.2934-.6044-.6234 0-.33.2644-.6233.6044-.6233Zm0 1.1c.2644 0 .4911-.22.4911-.4767 0-.2933-.2267-.4766-.4911-.4766-.2644 0-.4911.22-.4911.4766 0 .2934.2267.4767.4911.4767Zm-.0756-.1467h-.1133v-.66h.2267c.1511 0 .2266.0734.2266.22 0 .11-.0755.1834-.1511.1834l.1511.2566h-.1511l-.1511-.2566h-.0378v.2566Zm.0756-.3666c.0756 0 .1133-.0367.1133-.11 0-.0734-.0377-.11-.1133-.11h-.0756v.1833h.0756v.0367ZM18.9422 12.8433c-.34 0-.5666.1467-.7933.33l-.1511.22-.0378-.0366.1889-.2934V12.88H16.94v3.8867h1.0956V14.31c0-.4033.2644-.5133.4533-.55.1889-.0367.4155.0733.4155.2933v2.7134H20V14.09c0-.8433-.3778-1.2467-1.0578-1.2467ZM6.74 15.8867h1.13333v.8433H5.64444v-3.8867H6.74v3.0434ZM3 16.73h2.22889v-.77H4.09556v-.8433h1.13333v-.7334H4.09556V13.65h1.13333v-.8067H3V16.73ZM8.25111 16.73h2.26669v-.77H9.34667v-.8433h1.17113v-.7334H9.34667V13.65h1.17113v-.8067H8.25111V16.73ZM14.2956 16.73h2.2666v-.77h-1.1711v-.8433h1.1711v-.7334h-1.1711V13.65h1.1711v-.8067h-2.2666V16.73ZM12.86 12.8433 12.4444 15.3l-.0377.44v.0367h-.0378V15.74l-.0378-.44-.4155-2.4567H10.82l.9067 3.8867h1.36l.9066-3.8867H12.86Z"
-    />
-    <path
-      fill="#FF6C00"
-      d="M17.2422 1H3v5.5h7.5178c1.7-2.38333 4.0044-4.29 6.7244-5.5Z"
-    />
-    <path
-      fill="#EB0F2A"
-      d="M8.66667 22.9633h5.66663v-5.5H8.66667v5.5ZM20 6.5V1c-5.4022 1.43-9.6333 5.64667-10.91778 11h5.77998C15.7311 9.54333 17.62 7.56333 20 6.5Z"
-    />
-  </svg>
-);

nx-dev/ui-common/src/lib/logos/caseware.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const CasewareIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 20.6"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="m17.45788 1.27285.22659.11244c1.04723.53944 1.97803 1.255 2.8264 2.06827l.2167.20001c1.2499 1.18973 2.09805 2.70651 2.74362 4.29225l.0999.23798c.29145.74642.32259 1.30982.42896 2.1608h-3.48913l-.52337-1.5701c-.97752-2.194-2.66426-3.80364-4.8848-4.71035-1.9187-.69162-4.22182-.71334-6.10599.0872l-.19124.0806c-.89712.39014-1.75665.89373-2.44333 1.5999-.15674.15127-.15674.15127-.33119.15127l-.0705.1564c-.10572.19583-.21652.32254-.37106.48146-.73358.82394-1.21363 1.81338-1.56466 2.85128l-.0811.22045c-.60954 1.69802-.35618 3.87994.25555 5.53663l.1421.27838c.1196.24499.1196.24499.1196.50668h.17444l.0708-.19348c.10164-.23797.21682-.42575.36636-.63622l.15691-.22233.16372-.22914.15861-.22404a263.45193 263.45193 0 0 1 .31914-.44977c.21006-.29616.418-.59378.626-.89138.17306-.24712.34732-.49338.52173-.73955.38716-.54657.7711-1.0951 1.14947-1.6478.46325-.67637.93421-1.34703 1.40963-2.0149.10514-.14918.20793-.3.31041-.451.3793-.55014.82657-1.15999 1.50265-1.3425.89113-.11855 1.5674.007 2.32723.49372.3138.28838.52776.65808.75677 1.01403.19774.30705.40883.60345.62253.89954.34008.47283.67386.94953 1.00448 1.42905.27564.39912.55437.79607.83276 1.19326.3356.47892.67077.95809 1.00313 1.43927a2461.0182 2461.0182 0 0 0 .27808.40156c.0879.12702.17562.25413.2633.38128.16627.24088.33305.48138.4999.72185l.16288.23664.15299.21994.13712.19823c.1107.1632.1107.1632.2939.23928.3874-.68872.53593-1.29625.78507-2.09348H24c-.37631 2.25784-1.14296 4.12096-2.52962 5.93152l-.17855.23715c-.16235.18962-.30206.3097-.51384.43887l-.17138.10767c-.52991.25657-1.18043.24647-1.75308.17582-.80147-.33246-1.29895-1.0988-1.77728-1.78818l-.13305-.19011c-.14862-.21262-.29674-.42558-.44485-.63856a3403.3277 3403.3277 0 0 0-.34449-.49372c-.56859-.8155-1.1348-1.6326-1.69737-2.45226-.51974-.7571-1.0498-1.50654-1.58425-2.25331l-.104-.14596a27.64336 27.64336 0 0 0-.23154-.31697c-.31254-.42526-.31254-.42526-.31254-.61822-.32822.30196-.57037.64433-.82322 1.00858l-.13727.19603c-.39018.55867-.77412 1.1216-1.15787 1.6847a66.79113 66.79113 0 0 1-.94505 1.34829c-.32172.44769-.63849.89876-.95455 1.35047l-.15897.22703c-.26046.37245-.51932.74587-.77552 1.12126-1.1895 1.7371-1.1895 1.7371-1.97198 1.9231-.66452.1101-1.24769.10054-1.8444-.23612-1.34048-1.008-2.23833-2.93567-2.7637-4.49464-.0668-.20537-.0668-.20537-.15454-.40752-.99-2.58808-.50602-5.86593.5954-8.3347C1.7054 5.8696 2.4568 4.79873 3.4141 3.8024l.11641-.12462c.85762-.91698 1.81261-1.66119 2.9366-2.23055l.27326-.14617c3.2569-1.7013 7.45038-1.75826 10.7175-.0283z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/click-up.tsx

@@ -0,0 +1,15 @@
+import { FC, SVGProps } from 'react';
+
+export const ClickUpIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  //Color: #7B68EE
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>ClickUp</title>
+    <path d="M2 18.439l3.69-2.828c1.961 2.56 4.044 3.739 6.363 3.739 2.307 0 4.33-1.166 6.203-3.704L22 18.405C19.298 22.065 15.941 24 12.053 24 8.178 24 4.788 22.078 2 18.439zM12.04 6.15l-6.568 5.66-3.036-3.52L12.055 0l9.543 8.296-3.05 3.509z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/deloitte.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const DeloitteIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 4.4"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M7.5015343 0v4.4190058H8.599761V0Zm5.1732937 0v.74085081h1.097968V0ZM0 .01317872V4.4190058h1.4023708c.7144411 0 1.2700674-.1984564 1.666979-.595368.3969117-.3969117.5821893-.9526931.5821893-1.6935949 0-.6879801-.185071-1.21724891-.5687522-1.57446939C2.712336.18512264 2.1829121.01317872 1.4817016.01317872Zm15.691205.10594657-1.111406.1852773v.82018151h-.383475v.8467975h.383475v1.3493975c0 .3836812.09267.6747507.25143.8599761.171995.1984558.436551.2912239.807002.2912239.185226 0 .344197-.013334.476501-.039795.132304-.026461.277736-.066152.42327-.132304v-.8336182c-.198456.066152-.383682.1059465-.529216.1059465-.198456 0-.291121-.092665-.317581-.3175814V1.9845602h.714493v-.8336186h-.714493zm2.566749 0-1.111405.17184019v.83361862h-.383733v.8467975h.383733v1.3493975c0 .3836812.09266.6747507.251429.8599761.171995.1984558.436552.2912239.807003.2912239.185226 0 .343939-.013334.476243-.039795.132304-.026461.277993-.066152.423527-.132304v-.8336182c-.198456.066152-.383681.1059465-.529216.1059465-.198456 0-.30435-.092665-.317581-.3175814V1.9845602h.714493v-.8336186h-.714493ZM1.1643787.97910139h.3173229c.3175293 0 .568959.10574001.7144933.29096551.1587647.1984558.2382507.4896286.2382507.8997707 0 .4233723-.079538.7407993-.2250719.9524854-.1719951.2116863-.4231664.3175814-.780387.3175814h-.264608zm4.4055686.0925094c-.5027547 0-.8997191.1455864-1.1775573.4498854-.2778382.3042989-.4100909.7275693-.4100909 1.2832456 0 .5292155.1456382.9526409.4367067 1.2437093.3042989.2910686.7144939.4367068 1.2437094.4367068.2646078 0 .4762947-.013282.6615201-.052973.1719951-.03969159.3704513-.09266489.529216-.18527769l-.1589198-.7540295c-.1190735.0529215-.2512743.0926644-.3571174.1191253-.1587647.0396912-.3439907.0527149-.5292161.0527149-.2116863 0-.3837852-.05287-.5028587-.1454828-.1190735-.1058431-.1852772-.2512227-.1852772-.4364482h1.9713814v-.5028586c-.0132304-.4895243-.1587134-.8599764-.4100907-1.1245841-.2778382-.2646078-.6351114-.3837334-1.1114055-.3837334Zm5.0541687 0c-.502755 0-.8996678.1455864-1.1907364.4498854-.2910685.2910685-.4235279.7144939-.4235279 1.2437095 0 .5159851.1456382.9261801.4367067 1.2437093.2910685.3175294.6745956.4630641 1.1641206.4630641.502754 0 .899667-.1455865 1.190736-.4498853.291068-.304299.423528-.7276726.423528-1.2568881 0-.3439902-.05287-.6351113-.211635-.9129495-.132304-.25137729-.304455-.44988549-.555832-.58218929-.238147-.1323039-.515831-.1984561-.83336-.1984561Zm10.332892 0c-.502756 0-.899719.1455864-1.177558.4498854-.277838.3042989-.410091.7275693-.410091 1.2832456 0 .5292155.14538.9526409.436449 1.2437093.304299.2910686.714493.4367068 1.243709.4367068.264608 0 .476295-.013282.66152-.052973.171996-.039691.370452-.092664.529216-.1852773l-.158661-.74085119c-.119074.052922-.251533.092665-.357376.1191254-.158765.039691-.34399.052973-.529216.052973-.211686 0-.383527-.053128-.5026-.1457411-.119074-.1058429-.185278-.2512227-.185278-.436448h1.971382v-.5160374c-.013231-.4895243-.158713-.8599764-.410091-1.1245841-.264608-.2646078-.635111-.3837334-1.111405-.3837334Zm-8.28218.052973V4.405827h1.097968V1.1245841Zm-7.0917019.72767241c.1455343 0 .2648148.039691.3441971.132304.079382.092613.1190736.2117383.132304.3837334h-.9527439c.01323-.1719951.0661-.3175298.1454828-.396912.079382-.079382.1852257-.1191254.33076-.1191254zm15.4002389 0c.132304 0 .264557.039691.343939.132304.07938.092613.119074.2117383.132304.3837334h-.952486c.01323-.1719951.0661-.3175298.145483-.396912.07938-.079382.185226-.1191254.33076-.1191254zm-10.359249.066152c.185225 0 .304144.079331.370296.2116347.06615.1455343.105947.3440942.105947.6351628 0 .2646077-.03979.4893699-.105947.6349042-.07938.1455343-.185071.2118931-.370296.2118931-.185226 0-.304403-.066359-.370555-.2118931-.06615-.1455343-.105946-.3438358-.105946-.6349042 0-.2910686.03979-.4896285.105946-.6351628.07938-.1455343.21179-.2116347.370555-.2116347zm12.740722 1.2832456c-.343991 0-.634905.2779422-.634905.6351626 0 .3572205.290914.6351627.634905.6351627.34399 0 .635162-.2911726.635162-.6351627 0-.34399-.277942-.6351626-.635162-.6351626Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/dnb.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const DnbIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #007272
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 24 17"
+    {...props}
+  >
+    <path d="M23.1305 8.24023a2.74794 2.74794 0 0 0-.4763-.3143l-.0459-.02288.04-.03449c.2411-.22416.43-.4986.5533-.80386a2.24596 2.24596 0 0 0 .16-.96263c-.0015-.85979-.295-1.5013-.8804-1.90723-.4936-.34896-1.1759-.51957-2.0874-.51795l-2.6137.0047a.27876.27876 0 0 0-.1933.08201.27867.27867 0 0 0-.0813.19361l.0154 8.56939c.0001.073.0292.1429.0809.1944a.27481.27481 0 0 0 .1947.0802l2.9864-.0053c.94-.0017 1.6962-.2037 2.2401-.6002.3119-.2258.5602-.5284.7206-.8784.1776-.3944.265-.8234.2557-1.2558a2.31259 2.31259 0 0 0-.2253-1.01036 2.3134 2.3134 0 0 0-.6435-.81091Zm-4.7756-3.70548 2.0405-.00366c.7223-.00131 1.2556.11808 1.5999.35817.2181.15439.5167.45194.518 1.21431.0025 1.36415-1.0749 1.47497-1.4016 1.47554l-2.7514.00495-.0054-3.04931Zm2.4264 7.41285-2.4131.0043-.0063-3.51952 2.7513-.00493c1.1923-.00214 2.0303.67255 2.032 1.63565.0009.4643.0034 1.8802-2.3639 1.8845ZM5.80269 5.06166a3.62782 3.62782 0 0 0-1.44064-1.05788 4.3452 4.3452 0 0 0-1.60547-.29519l-2.48193.00447A.28012.28012 0 0 0 0 3.99454l.0154 8.56356a.27517.27517 0 0 0 .27566.2746l2.4819-.0044a4.22896 4.22896 0 0 0 1.60442-.301 3.55925 3.55925 0 0 0 1.43682-1.0575c.87509-1.0791 1.00448-2.43785 1.00319-3.15435-.00111-.60734-.1013-2.13787-1.0147-3.25379Zm-.6486 5.87054a2.99602 2.99602 0 0 1-2.38265 1.0477l-1.90302.0035L.8551 4.5662l1.90299-.00341a2.97712 2.97712 0 0 1 2.38642 1.03882c.75829.92731.81808 2.31429.8188 2.71536.00109.60202-.10006 1.74273-.80923 2.61523ZM15.452 0l.0227 12.5877a.2532.2532 0 0 1-.0475.1529.2535.2535 0 0 1-.1298.0937.20372.20372 0 0 1-.0802.0175.26166.26166 0 0 1-.1193-.0287.2603.2603 0 0 1-.093-.0801L9.38043 5.60548l.0196 10.90222-.85407.0015-.02267-12.61619a.25769.25769 0 0 1 .18299-.24661.18218.18218 0 0 1 .08023-.01161.26362.26362 0 0 1 .21227.10262l5.62442 7.14339L14.6037.00152 15.452 0Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/entain.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const EntainIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 24 6.79"
+    {...props}
+  >
+    <path d="m.00016.48017.00018.48017L1.0689 2.13266c.5877.64478 1.06786 1.1742 1.06702 1.17647-.00084.0023-.26649.30428-.59033.67107-.32384.3668-.80264.90917-1.064 1.20527l-.4752.53835v.98248H5.1968V4.43874H4.032V5.4858H2.9216c-.61072 0-1.1104-.00131-1.1104-.0029 0-.00162.42348-.49933.94106-1.10602l.94107-1.10312-.0346-.03577c-.0268-.02772-1.82542-1.9854-1.8816-2.048l-.01297-.01446H3.9488v.91223l.5808-.00165.58079-.00164.00204-.31476c.0011-.17312.00005-.64213-.00238-1.04224L5.10564 0H0ZM18.43201.26105a71.09987 71.09987 0 0 0-.06366.00944c-.1269.01883-.24383.07885-.34788.17856-.11297.10823-.17331.2156-.20328.36166-.01155.05623-.0131.081-.01045.16569.0039.12376.0175.18246.06495.27943.08736.17857.24265.30664.43871.3618.05632.01586.06996.01711.1856.01713.1105.00002.13132-.0017.18154-.015.1277-.03385.2114-.08163.30552-.17444.10053-.0991.15396-.1909.18693-.32118.01178-.04659.01377-.07204.01346-.17344-.00032-.10716-.002-.12494-.01701-.18104C19.1042.53752 18.92468.35158 18.7.28664c-.08033-.02323-.2039-.03503-.26798-.02559ZM10.7328 1.61234v.66164h-.47359v1.04064h.4736V6.7063h1.2352V3.31472l.3856-.00167.3856-.00165.0016-.5187.0016-.51873h-.7744V.9507h-1.2352zm3.99363.6013c-.41659.03708-.77176.16935-1.0847.404-.50915.38175-.81878.95799-.87425 1.627-.01066.12879-.0042.39364.01272.51896.09023.6693.42644 1.26034.93235 1.63908.10112.0757.19248.13127.31945.19434.18429.09151.36551.14935.5671.181.07928.01243.11706.01444.27132.01444.1377 0 .19443-.00251.24503-.01082.3781-.06217.68024-.21205.95862-.47552l.05808-.05497.04047.21955c.02226.12075.0418.22316.04342.22758.0023.00632.11297.00802.52386.00802h.52093V2.26755h-.95262l-.0065.02088c-.0036.01148-.03153.11627-.06207.23286-.03054.11659-.0574.21403-.05967.21657-.0023.00253-.02858-.01769-.05849-.04496-.13838-.12616-.26263-.2128-.41439-.2889-.184-.09227-.3506-.1441-.56464-.1757-.08329-.01229-.34072-.02136-.41598-.01466zm-6.58876.00958c-.2489.01684-.47777.0853-.68635.2053-.19032.10948-.33124.21495-.46983.3516-.05586.0551-.06874.065-.07161.05513-.00193-.00663-.02688-.13057-.05546-.27542-.02859-.14486-.05343-.26843-.05523-.27461-.00306-.01059-.03376-.01124-.52866-.01124H5.7451l.00426.53102c.00233.29205.00426 1.28931.00426 2.21614V6.7063h1.24757l.00214-1.18999c.00237-1.31572.00002-1.2397.04373-1.41803.0906-.36958.323-.60343.67015-.67425.0866-.01769.2216-.02574.3212-.01918.2193.01442.38188.0836.50349.21425.13153.14134.2006.33409.21947.61237.00394.0581.00648.55614.00656 1.28484L8.768 6.7063h1.2483l-.002-1.45978c-.00221-1.59063.00022-1.48057-.03701-1.67497-.05105-.2666-.16007-.52098-.3067-.71566-.09662-.12825-.22975-.25323-.36818-.34563-.08561-.05714-.26086-.14618-.358-.18189-.15311-.0563-.34952-.0937-.554-.10554-.1238-.00716-.14162-.00714-.25275.00039Zm13.98394-.0002c-.1632.01058-.34017.04957-.48318.10643-.21516.08556-.4754.2572-.65338.43098-.05632.05497-.08995.08355-.09183.07798-.0016-.00483-.02636-.1273-.05497-.27216-.02858-.14485-.05353-.26987-.05541-.27782l-.0034-.01445h-1.0482v1.93567c0 1.06464.0019 2.0619.0043 2.21617l.0042.28048h1.24557l.002-1.19963c.0022-1.3152-.00008-1.23406.03997-1.40089.0684-.28492.22237-.49284.44977-.60748.14413-.07265.34649-.10742.54347-.09342.1682.01196.2786.04548.38903.11808.06842.04496.11037.08405.15716.14638.09285.12368.15163.29393.17222.4987.0044.0437.0067.49023.0067 1.3024V6.7063H24V5.31008c0-.88343-.0024-1.42662-.0065-1.47903-.05497-.70296-.38725-1.20425-.96952-1.46281-.18815-.08354-.40034-.13105-.6496-.14543-.12296-.00709-.14028-.00708-.2528.00021zm-4.23358 2.2639V6.7063H19.104V2.26755h-1.21598zm-2.6703-1.18586c.29461.06557.54682.25432.70869.53038.08744.14912.14222.31653.16378.50056.01076.09188.0042.29053-.01254.3799-.07268.38783-.3076.70686-.63599.86382-.0769.03678-.14246.05904-.23165.07869-.0552.01217-.08363.01418-.1988.0141-.12465-.00007-.13996-.0014-.2107-.0181-.20691-.04883-.37576-.14533-.52569-.30051-.12832-.1328-.21908-.28278-.27747-.4585-.14922-.4491-.0443-.94947.26773-1.27653.1671-.17517.355-.27899.57974-.32034.08864-.0163.28583-.01286.3729.00653z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/epic-web.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const EpicWebIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>EpicWeb </title>
+    <path d="M18.252 9.31 15.5 8.507l-.804-2.76L23.829.172Zm-5.814 2.257c-.425.235-.913.486-1.46.737-2.171.999-5.274 2.01-8.992 2.051l-.428.005-.078-.421a10.635 10.635 0 0 1-.182-1.933c0-5.902 4.8-10.702 10.702-10.702 1.628 0 3.174.366 4.558 1.02l1.422-.725A11.923 11.923 0 0 0 12 0C5.387 0 0 5.387 0 12c0 2.64.858 5.084 2.31 7.069 2.487-.424 4.047-1.42 4.047-1.42s-.996 1.558-1.42 4.045A11.932 11.932 0 0 0 12 24c6.613 0 12-5.387 12-12 0-2.173-.58-4.213-1.595-5.973l-.724 1.419a10.641 10.641 0 0 1 1.021 4.56c0 5.901-4.8 10.702-10.702 10.702-.666 0-1.304-.067-1.932-.182l-.422-.077.005-.43c.041-3.72 1.052-6.823 2.05-8.994.251-.546.502-1.033.737-1.458z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/fedex.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const FedExIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>FedEx</title>
+    <path d="M22.498 14.298c-.016-.414.345-.751.75-.755a.745.745 0 0 1 .752.755.755.755 0 0 1-.751.745c-.395.002-.759-.346-.751-.745zm.759-.083c.067-.02.164-.042.162-.13.007-.09-.086-.133-.162-.134h-.163v.263c0 .001.165-.002.163.001zm-.163.107v.418h-.14v-.91h.327c.156-.021.294.092.286.253a.218.218 0 0 1-.156.19c.162.083.108.322.173.467h-.156a2.355 2.355 0 0 1-.04-.205c-.018-.093-.047-.229-.17-.213h-.124zm.76-.024a.603.603 0 0 0-.605-.632c-.338-.012-.62.302-.605.632a.619.619 0 0 0 .605.622.61.61 0 0 0 .605-.622zm-5.052-.579l-.878 1.008h-1.306l1.559-1.745-1.56-1.75h1.355l.902.997.878-.998h1.306l-1.543 1.743 1.559 1.753h-1.371l-.901-1.008zm-4.703-.352v-.827h1.904v-1.506l1.724 1.948-1.724 1.941v-1.556h-1.904zm1.56 1.36h-3.2V9.044h3.224v1.024H13.77v1.163h1.888v.958h-1.904v1.522h1.904v1.016zm-5.705-.655c-.54.017-.878-.552-.877-1.04-.01-.507.307-1.123.878-1.105.579-.025.871.6.845 1.103.023.501-.29 1.062-.846 1.042zM4.743 12.41c.076-.358.403-.67.78-.663a.788.788 0 0 1 .803.663H4.743zm15.182.564l1.815-2.047h-2.125l-.74.844-.763-.844h-4.037v-.548h1.912V8.741H10.84v2.58c-.362-.448-.981-.559-1.526-.492-.782.123-1.427.762-1.634 1.514-.254-.958-1.179-1.588-2.157-1.554-.781.009-1.6.365-1.987 1.071v-.818h-1.87v-.9h2.043v-1.4H0v6.287h1.666v-2.644h1.666a7.59 7.59 0 0 0-.082.622c-.013 1.232 1.042 2.27 2.274 2.236a2.204 2.204 0 0 0 2.157-1.432H6.254c-.14.268-.441.38-.73.36-.457.009-.83-.417-.829-.86h2.914c.083 1.027.988 1.966 2.043 1.947a1.53 1.53 0 0 0 1.19-.639v.41h7.215l.754-.86.754.86h2.192l-1.832-2.055z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/ghost.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const GhostIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #15171A
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm.256 2.313c2.47.005 5.116 2.008 5.898 2.962l.244.3c1.64 1.994 3.569 4.34 3.569 6.966 0 3.719-2.98 5.808-6.158 7.508-1.433.766-2.98 1.508-4.748 1.508-4.543 0-8.366-3.569-8.366-8.112 0-.706.17-1.425.342-2.15.122-.515.244-1.033.307-1.549.548-4.539 2.967-6.795 8.422-7.408a4.29 4.29 0 0 1 .49-.026Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/hasura.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const HasuraIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #1EB4D4
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M23.558 8.172c.707-2.152.282-6.447-1.09-8.032a.419.419 0 0 0-.664.051l-1.69 2.59a1.322 1.322 0 0 1-1.737.276C16.544 1.885 14.354 1.204 12 1.204s-4.544.68-6.378 1.853a1.326 1.326 0 0 1-1.736-.276L2.196.191A.42.42 0 0 0 1.532.14C.16 1.728-.265 6.023.442 8.172c.236.716.3 1.472.16 2.207-.137.73-.276 1.61-.276 2.223C.326 18.898 5.553 24 11.997 24c6.447 0 11.671-5.105 11.671-11.398 0-.613-.138-1.494-.276-2.223a4.468 4.468 0 0 1 .166-2.207zm-11.56 13.284c-4.984 0-9.036-3.96-9.036-8.827 0-.16.005-.316.014-.473.18-3.316 2.243-6.15 5.16-7.5 1.17-.546 2.481-.848 3.864-.848s2.69.302 3.864.85c2.917 1.351 4.98 4.187 5.16 7.501.008.157.014.316.014.473-.003 4.864-4.057 8.824-9.04 8.824zm3.915-5.43-2.31-3.91-1.98-3.26a.26.26 0 0 0-.223-.125H9.508a.26.26 0 0 0-.227.13.246.246 0 0 0 .003.254l1.895 3.109-2.542 3.787a.25.25 0 0 0-.011.259.26.26 0 0 0 .23.132h1.905a.259.259 0 0 0 .218-.116l1.375-2.096 1.233 2.088a.263.263 0 0 0 .224.127h1.878c.094 0 .18-.049.224-.127a.241.241 0 0 0 0-.251z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/hetzner-cloud.tsx

@@ -0,0 +1,15 @@
+import { FC, SVGProps } from 'react';
+
+export const HetznerCloudIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  //Color: #D50C2D
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Hetzner Cloud</title>
+    <path d="M0 0v24h24V0H0zm4.602 4.025h2.244c.509 0 .716.215.716.717v5.64h8.883v-5.64c0-.509.215-.717.717-.717h2.229c.5 0 .71.23.724.717v14.516c0 .509-.215.717-.717.717h-2.23c-.51 0-.717-.215-.717-.717v-5.735H7.562v5.735c0 .516-.215.717-.716.717H4.602c-.51 0-.717-.208-.717-.717V4.742c0-.509.207-.717.717-.717z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/ikea.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const IkeaIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>IKEA</title>
+    <path d="M0 7.2v9.6h24V7.2H0zm12.002 9.12C5.308 16.32.48 14.36.48 12s4.831-4.32 11.522-4.32c6.69 0 11.518 1.96 11.518 4.32s-4.824 4.32-11.518 4.32zm-.225-6.062h4.176v.964c-.103-.047-.203-.047-.306-.047h-1.758v.46h1.689v.732h-1.689v.457h1.758c.103 0 .203 0 .306-.05v.967h-4.176c.052-.101.052-.198.052-.299V10.56c0-.101 0-.198-.052-.302zm-7.076.302v2.881c0 .101 0 .198.052.299H2.4c.052-.101.052-.198.052-.299V10.56c0-.101 0-.198-.052-.299h2.353c-.052.101-.052.198-.052.299zm6.447 2.881c.076.107.158.208.255.299H8.805c0-.101-.1-.306-.21-.467-.11-.161-.705-1.044-.705-1.044v1.212c0 .101 0 .198.052.299H5.778c.052-.101.052-.198.052-.299V10.56c0-.101 0-.198-.052-.299h2.164c-.052.101-.052.198-.052.299v1.259s.691-.88.85-1.085c.12-.154.268-.373.268-.473h2.257c-.155.101-.327.282-.468.45l-.826.984s1.039 1.548 1.177 1.746zm10.546-3.005a.178.178 0 0 0-.175-.178h-.21v.551h.083v-.195h.12l.11.195h.093l-.12-.212a.184.184 0 0 0 .099-.161zm-.189.101h-.114v-.191h.124c.055 0 .093.047.093.101 0 .053-.048.093-.103.09zm-.021-.457h-.031a.444.444 0 0 0-.437.457c0 .007 0 .017-.003.023a.466.466 0 0 0 .482.447.464.464 0 0 0 .458-.47v-.017a.454.454 0 0 0-.469-.44zm0 .823a.372.372 0 0 1-.375-.366v-.027a.357.357 0 0 1 .375-.339c.206 0 .375.165.375.366s-.168.366-.375.366zm-.877-.339c-.038-.101-.093-.198-.065-.299h-3.017c.014.101-.024.198-.062.299l-1.07 2.881a.852.852 0 0 1-.162.299h1.785c-.014-.101.024-.198.058-.299.034-.101.072-.198.072-.198l.021-.054h1.304l.021.05c.048.118.083.198.083.198.041.101.079.198.069.299h2.263a.837.837 0 0 1-.169-.299 690.277 690.277 0 0 0-1.131-2.877zm-2.167 1.893c.155-.42.289-.772.299-.806.028-.074.048-.151.062-.228.017.077.041.154.069.228l.316.806h-.746z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/index.ts

@@ -0,0 +1,57 @@
+export * from './tanstack';
+export * from './lerna';
+export * from './angular';
+export * from './epic-web';
+export * from './7eleven';
+export * from './american-airlines';
+export * from './aws-amplify';
+export * from './bill';
+export * from './capital-one';
+export * from './caterpillar';
+export * from './cisco';
+export * from './fico';
+export * from './hilton';
+export * from './man';
+export * from './react-query';
+export * from './redwood-js';
+export * from './royal-bank-of-canada';
+export * from './shopify';
+export * from './storybook';
+export * from './vmware';
+export * from './wallmart';
+export * from './fedex';
+export * from './rxjs';
+export * from './sentry';
+export * from './mui';
+export * from './tide';
+export * from './adobe';
+export * from './intel';
+export * from './addidas';
+export * from './ikea';
+export * from './paramount';
+export * from './deloitte';
+export * from './vodafone';
+export * from './t-mobile';
+export * from './mail-chimp';
+export * from './moderna';
+export * from './click-up';
+export * from './sharp';
+export * from './red-bull';
+export * from './lego';
+export * from './philips';
+export * from './bloomberg';
+export * from './sainsburys';
+export * from './ukg';
+export * from './splice';
+export * from './dnb';
+export * from './hetzner-cloud';
+export * from './ghost';
+export * from './hasura';
+export * from './paylocity';
+export * from './varian';
+export * from './payfit';
+export * from './caseware';
+export * from './three-kit';
+export * from './cais-group';
+export * from './milliennium';
+export * from './entain';

nx-dev/ui-common/src/lib/logos/intel.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const IntelIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Intel</title>
+    <path d="M20.42 7.345v9.18h1.651v-9.18zM0 7.475v1.737h1.737V7.474zm9.78.352v6.053c0 .513.044.945.13 1.292.087.34.235.618.44.828.203.21.475.359.803.451.334.093.754.136 1.255.136h.216v-1.533c-.24 0-.445-.012-.593-.037a.672.672 0 0 1-.39-.173.693.693 0 0 1-.173-.377 4.002 4.002 0 0 1-.037-.606v-2.182h1.193v-1.416h-1.193V7.827zm-3.505 2.312c-.396 0-.76.08-1.082.241-.327.161-.6.384-.822.668l-.087.117v-.902H2.658v6.256h1.639v-3.214c.018-.588.16-1.02.433-1.299.29-.297.642-.445 1.044-.445.476 0 .841.149 1.082.433.235.284.359.686.359 1.2v3.324h1.663V12.97c.006-.89-.229-1.595-.686-2.09-.458-.495-1.1-.742-1.917-.742zm10.065.006a3.252 3.252 0 0 0-2.306.946c-.29.29-.525.637-.692 1.033a3.145 3.145 0 0 0-.254 1.273c0 .452.08.878.241 1.274.161.395.39.742.674 1.032.284.29.637.526 1.045.693.408.173.86.26 1.342.26 1.397 0 2.262-.637 2.782-1.23l-1.187-.904c-.248.297-.841.699-1.583.699-.464 0-.847-.105-1.138-.321a1.588 1.588 0 0 1-.593-.872l-.019-.056h4.915v-.587c0-.451-.08-.872-.235-1.267a3.393 3.393 0 0 0-.661-1.033 3.013 3.013 0 0 0-1.02-.692 3.345 3.345 0 0 0-1.311-.248zm-16.297.118v6.256h1.651v-6.256zm16.278 1.286c1.132 0 1.664.797 1.664 1.255l-3.32.006c0-.458.525-1.255 1.656-1.261zm7.073 3.814a.606.606 0 0 0-.606.606.606.606 0 0 0 .606.606.606.606 0 0 0 .606-.606.606.606 0 0 0-.606-.606zm-.008.105a.5.5 0 0 1 .002 0 .5.5 0 0 1 .5.501.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5.5.5 0 0 1 .498-.5zm-.233.155v.699h.13v-.285h.093l.173.285h.136l-.18-.297a.191.191 0 0 0 .118-.056c.03-.03.05-.074.05-.136 0-.068-.02-.117-.063-.154-.037-.038-.105-.056-.185-.056zm.13.099h.154c.019 0 .037.006.056.012a.064.064 0 0 1 .037.031c.013.013.012.031.012.056a.124.124 0 0 1-.012.055.164.164 0 0 1-.037.031c-.019.006-.037.013-.056.013h-.154Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/lego.tsx

@@ -0,0 +1,15 @@
+import { FC, SVGProps } from 'react';
+
+export const LegoIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      d="M22.3487 7.24014a.5731.5731 0 0 1 .0434-.22011.57329.57329 0 0 1 .1245-.18665.57494.57494 0 0 1 .1865-.12467.57433.57433 0 0 1 .2201-.04364.5741.5741 0 0 1 .407.1681.57232.57232 0 0 1 .1247.18671.57404.57404 0 0 1 .0436.22026.57213.57213 0 0 1-.0435.22027.57362.57362 0 0 1-.1247.18672.57393.57393 0 0 1-.4071.16794.57384.57384 0 0 1-.4067-.16814.57323.57323 0 0 1-.1678-.40679Zm.5748-.46094c.2557.00014.4636.206.4629.46174.0007.25573-.208.46226-.4629.46226a.46058.46058 0 0 1-.1765-.0354.46124.46124 0 0 1-.1496-.1003.46074.46074 0 0 1-.0996-.14991.45947.45947 0 0 1-.0347-.17665.45947.45947 0 0 1 .0344-.1767.4622.4622 0 0 1 .0997-.14991.46007.46007 0 0 1 .3263-.13513Zm.2238.64134.0687.12-.1489.00093-.0476-.09733a.48628.48628 0 0 0-.0812-.11654c-.0235-.0244-.045-.03053-.0979-.03053l-.0219.00013-.0002.244h-.1228v-.5956h.2966c.1279 0 .1879.07134.1879.16574.0003.09-.0605.15466-.1611.16666l.0003.00334c.0511.01773.068.0344.1281.1392Zm-.3292-.3824v.1636h.1244c.0832 0 .1107-.04054.1095-.08267 0-.05253-.0417-.08133-.1228-.08133l-.1111.0004ZM17.1155 8.46c.5797-.68666 1.4376-1.17853 2.6781-1.17853 2.1473 0 2.7091 1.404 2.6387 2.73063-.0418.7974-.2976 1.7472-.4888 2.3154-.8494 2.5241-1.8694 4.1202-4.1907 4.12-1.0593.0002-2.0288-.4131-2.4108-1.4544-.6977.8829-1.7641 1.4592-2.98 1.4652-.9293.0045-1.652-.3239-2.1113-.888-.54537.6018-1.46817.8774-2.38537.8777-.824-.0005-1.512-.2876-1.9636-.778-.5032.5075-1.29386.7768-2.30093.7532-1.29-.0309-2.01067-.8049-2.0344-1.8793-.03547-1.6632 1.54853-5.09683 2.20147-6.13936.45066-.7396 1.07666-1.10267 1.908-1.10307.4564.0004.92506.07973 1.2148.38667.23826.252.27653.476.29413.9.73067-1.17734 1.96213-1.33734 3.092-1.33707.8645 0 1.5821.3236 1.8832.8128.5795-.49253 1.414-.80507 2.4151-.80507 1.0246.00014 1.788.25014 2.2632.78774.1048.118.1793.20813.2772.41346ZM5.812 14.2553c.03813-.4021-.26307-.8364-1.4648-.6278.11933-.2674.2968-.6338.49827-1.0498.6456-1.333 1.53773-3.17516 1.55453-3.89583.00907-.35533-.13413-.6516-.7104-.65133-.6088-.00027-.99067.2544-1.30347.76826-.6784 1.08334-2.11906 4.3513-2.0888 5.7639.01707.8074.64307 1.1261 1.33867 1.1424.95867.0222 2.06293-.247 2.17613-1.4499l-.00013.0001Zm2.44667-1.7373c-.08.2152-.2304.6659-.35187 1.1428.3944-.0984.68973-.1665 1.196-.1548.5772.0141.9465.2531.9463.7307 0 1.1565-1.2791 1.4962-2.16537 1.4965-.97413 0-1.82986-.554-1.82986-1.6192 0-1.2488.6768-3.1424 1.312-4.40306C8.1456 8.16214 8.9428 7.9564 10.3152 7.9564c.6035 0 1.2981.2576 1.2981.8272 0 .7896-.6677 1.09067-1.331 1.1288-.28363.01627-.71923.03187-.97977.0132 0 0-.22146.3367-.45546.9353 1.22773-.1728 1.74883.106 1.54163.816-.2806.9599-1.1123 1.0232-2.13017.841l.00014.0001Zm5.32853-2.54853c.162-.22707.3787-.43733.7111-.43733.4073 0 .3678.21546.2712.49076-.2746.784.5545.8047.7569.7887.7237-.0564 1.1225-.524 1.2207-1.32053.1344-1.08453-.7794-1.50093-1.9376-1.50093-1.9307 0-2.6886 1.1808-3.4115 2.86876-.3396.793-.7673 2.148-.7672 3.011-.0001 1.212.7373 1.8692 1.9259 1.8692 1.7356 0 2.962-1.384 3.3124-3.1084.1078-.5307.2408-1.5266-1.1072-1.4711-.6843.0283-1.0971.1792-1.3147.8784-.224.7203.5884.7399.5884.7399-.1635.7446-.642 1.1961-1.0684 1.1965-.2661 0-.5083-.1155-.4272-.6787.1204-.8234.8916-2.8264 1.2472-3.32623Zm8.0023.98763c-.2048 1.016-.6635 2.2186-1.1619 3.1148-.8133 1.4618-1.7999 1.6666-2.6624 1.6557-.862-.0103-1.8339-.3281-1.8412-1.6585-.0052-.9547.4064-2.303.7561-3.1858.61-1.6013 1.2322-2.9073 3.2014-2.88396 2.2957.0268 1.8862 2.06876 1.708 2.95776Zm-2.8798 2.6049c.3192-.5407 1.2178-2.9931 1.2423-3.60626.0072-.17867-.0223-.38667-.3103-.39-.1974-.0028-.3692.03546-.5236.274-.3469.45096-1.3625 3.22466-1.3453 3.77796.0063.199.1173.3727.3616.3727.2813.0003.4372-.1933.5753-.4284Z"
+    />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/mail-chimp.tsx

@@ -0,0 +1,15 @@
+import { FC, SVGProps } from 'react';
+
+export const MailChimpIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #FFE01B
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>MailChimp</title>
+    <path d="M11.267 0C6.791-.015-1.82 10.246 1.397 12.964l.79.669a3.88 3.88 0 0 0-.22 1.792c.084.84.518 1.644 1.22 2.266.666.59 1.542.964 2.392.964 1.406 3.24 4.62 5.228 8.386 5.34 4.04.12 7.433-1.776 8.854-5.182.093-.24.488-1.316.488-2.267 0-.956-.54-1.352-.885-1.352-.01-.037-.078-.286-.172-.586-.093-.3-.19-.51-.19-.51.375-.563.382-1.065.332-1.35-.053-.353-.2-.653-.496-.964-.296-.311-.902-.63-1.753-.868l-.446-.124c-.002-.019-.024-1.053-.043-1.497-.014-.32-.042-.822-.197-1.315-.186-.668-.508-1.253-.911-1.627 1.112-1.152 1.806-2.422 1.804-3.511-.003-2.095-2.576-2.729-5.746-1.416l-.672.285A678.22 678.22 0 0 0 12.7.504C12.304.159 11.817.002 11.267 0zm.073.873c.166 0 .322.019.465.058.297.084 1.28 1.224 1.28 1.224s-1.826 1.013-3.52 2.426c-2.28 1.757-4.005 4.311-5.037 7.082-.811.158-1.526.618-1.963 1.253-.261-.218-.748-.64-.834-.804-.698-1.326.761-3.902 1.781-5.357C5.834 3.44 9.37.867 11.34.873zm3.286 3.273c.04-.002.06.05.028.074-.143.11-.299.26-.413.414a.04.04 0 0 0 .031.064c.659.004 1.587.235 2.192.574.041.023.012.103-.034.092-.915-.21-2.414-.369-3.97.01-1.39.34-2.45.863-3.224 1.426-.04.028-.086-.023-.055-.06.896-1.035 1.999-1.935 2.987-2.44.034-.018.07.019.052.052-.079.143-.23.447-.278.678-.007.035.032.063.062.042.615-.42 1.684-.868 2.622-.926zm3.023 3.205l.056.001a.896.896 0 0 1 .456.146c.534.355.61 1.216.638 1.845.015.36.059 1.229.074 1.478.034.571.184.651.487.751.17.057.33.098.563.164.706.198 1.125.4 1.39.658.157.162.23.333.253.497.083.608-.472 1.36-1.942 2.041-1.607.746-3.557.935-4.904.785l-.471-.053c-1.078-.145-1.693 1.247-1.046 2.201.417.615 1.552 1.015 2.688 1.015 2.604 0 4.605-1.111 5.35-2.072a.987.987 0 0 0 .06-.085c.036-.055.006-.085-.04-.054-.608.416-3.31 2.069-6.2 1.571 0 0-.351-.057-.672-.182-.255-.1-.788-.344-.853-.891 2.333.72 3.801.039 3.801.039a.072.072 0 0 0 .042-.072.067.067 0 0 0-.074-.06s-1.911.283-3.718-.378c.197-.64.72-.408 1.51-.345a11.045 11.045 0 0 0 3.647-.394c.818-.234 1.892-.697 2.727-1.356.281.618.38 1.299.38 1.299s.219-.04.4.073c.173.106.299.326.213.895-.176 1.063-.628 1.926-1.387 2.72a5.714 5.714 0 0 1-1.666 1.244c-.34.18-.704.334-1.087.46-2.863.935-5.794-.093-6.739-2.3a3.545 3.545 0 0 1-.189-.522c-.403-1.455-.06-3.2 1.008-4.299.065-.07.132-.153.132-.256 0-.087-.055-.179-.102-.243-.374-.543-1.669-1.466-1.409-3.254.187-1.284 1.31-2.189 2.357-2.135.089.004.177.01.266.015.453.027.85.085 1.223.1.625.028 1.187-.063 1.853-.618.225-.187.405-.35.71-.401.028-.005.092-.028.215-.028zm.022 2.18a.42.42 0 0 0-.06.005c-.335.054-.347.468-.228 1.04.068.32.187.595.32.765.175-.02.343-.022.498 0 .089-.205.104-.557.024-.942-.112-.535-.261-.872-.554-.868zm-3.66 1.546a1.724 1.724 0 0 0-1.016.326c-.16.117-.311.28-.29.378.008.032.031.056.088.063.131.015.592-.217 1.122-.25.374-.023.684.094.923.2.239.104.386.173.443.113.037-.038.026-.11-.031-.204-.118-.192-.36-.387-.618-.497a1.601 1.601 0 0 0-.621-.129zm4.082.81c-.171-.003-.313.186-.317.42-.004.236.131.43.303.432.172.003.314-.185.318-.42.004-.236-.132-.429-.304-.432zm-3.58.172c-.05 0-.102.002-.155.008-.311.05-.483.152-.593.247-.094.082-.152.173-.152.237a.075.075 0 0 0 .075.076c.07 0 .228-.063.228-.063a1.98 1.98 0 0 1 1.001-.104c.157.018.23.027.265-.026.01-.016.022-.049-.01-.1-.063-.103-.311-.269-.66-.275zm2.26.4c-.127 0-.235.051-.283.148-.075.154.035.363.246.466.21.104.443.063.52-.09.075-.155-.035-.364-.246-.467a.542.542 0 0 0-.237-.058zm-11.635.024c.048 0 .098 0 .149.003.73.04 1.806.6 2.052 2.19.217 1.41-.128 2.843-1.449 3.069-.123.02-.248.029-.374.026-1.22-.033-2.539-1.132-2.67-2.435-.145-1.44.591-2.548 1.894-2.811.117-.024.252-.04.398-.042zm-.07.927a1.144 1.144 0 0 0-.847.364c-.38.418-.439.988-.366 1.19.027.073.07.094.1.098.064.008.16-.039.22-.2a1.2 1.2 0 0 0 .017-.052 1.58 1.58 0 0 1 .157-.37.689.689 0 0 1 .955-.199c.266.174.369.5.255.81-.058.161-.154.469-.133.721.043.511.357.717.64.738.274.01.466-.143.515-.256.029-.067.005-.107-.011-.125-.043-.053-.113-.037-.18-.021a.638.638 0 0 1-.16.022.347.347 0 0 1-.294-.148c-.078-.12-.073-.3.013-.504.011-.028.025-.058.04-.092.138-.308.368-.825.11-1.317-.195-.37-.513-.602-.894-.65a1.135 1.135 0 0 0-.138-.01z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/mui.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const MuiIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Material Ui</title>
+    <path d="M24 5.601V1.592a.344.344 0 0 0-.514-.298l-2.64 1.508a.688.688 0 0 0-.346.597v4.009c0 .264.285.43.514.298l2.64-1.508A.688.688 0 0 0 24 5.6ZM.515 1.295l7.643 4.383a.688.688 0 0 0 .684 0l7.643-4.383a.344.344 0 0 1 .515.298v12.03c0 .235-.12.453-.319.58l-4.65 2.953 3.11 1.832c.22.13.495.127.713-.009l4.61-2.878a.344.344 0 0 0 .161-.292v-4.085c0-.254.14-.486.362-.606l2.507-1.346a.344.344 0 0 1 .506.303v7.531c0 .244-.13.47-.34.593l-7.834 4.592a.688.688 0 0 1-.71-.009l-5.953-3.681A.344.344 0 0 1 9 18.808v-3.624c0-.115.057-.222.153-.286l4.04-2.694a.688.688 0 0 0 .307-.572v-4.39a.137.137 0 0 0-.208-.117l-4.44 2.664a.688.688 0 0 1-.705.002L3.645 7.123a.138.138 0 0 0-.208.118v7.933a.344.344 0 0 1-.52.295L.5 14.019C.19 13.833 0 13.497 0 13.135V1.593c0-.264.286-.43.515-.298Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/paramount.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const ParamountIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Paramount+</title>
+    <path d="M16.347 21.373c.057-.084.151-.314-.025-.74l-.53-1.428c-.073-.182.084-.293.19-.173 0 0 1.004 1.157 1.264 1.64l.495.822c.425.028 1.6.06 2.732.06a3.26 3.26 0 0 1-.316-.364c-1.93-2.392-3.154-3.724-3.166-3.737-.391-.426-.572-.508-.87-.643a4.82 4.82 0 0 1-.138-.065v.364c0 .047-.057.073-.086.022l-2.846-5.001a1.598 1.598 0 0 0-.508-.587l-.277-.194-1.354 3.123c.212 0 .354.216.27.409l-1.25 2.893h1.147c.443 0 .883.087 1.294.255l.302.125s-.913 1.878-.913 2.867c0 .181.028.362.075.534h2.104l-.096-.595s1.266.294 2.502.413M12 2.437c-6.627 0-12 5.373-12 12 0 2.669.873 5.133 2.346 7.126.503-.218.783-.542.983-.791l2.234-2.858a.467.467 0 0 1 .179-.138l.336-.146 3.674-4.659.534-.417 1.094-1.524a.482.482 0 0 1 .101-.102l.478-.347a.34.34 0 0 1 .398-.004l.578.407c.308.216.557.504.726.84l2.322 4.077c.051.09.09.129.182.174.454.227.732.268 1.33.913.277.304 1.495 1.666 3.203 3.784.236.318.538.588.963.783A11.948 11.948 0 0 0 24 14.437c0-6.627-5.373-12-12-12M3.236 15.1l-.778-.253-.48.662v-.818l-.778-.253.778-.253v-.818l.48.662.778-.253-.48.662Zm-.185 2.676-.252.778-.253-.778h-.818l.661-.481-.253-.777.663.48.66-.48-.252.777.662.481Zm.156-6.195.253.778-.661-.48-.663.48.253-.778-.66-.48h.817l.253-.778.252.777h.818Zm1.314-1.76L4.04 9.16l-.778.253.48-.661-.48-.663.778.254.48-.662v.818l.778.253-.777.252Zm2.045-2.862-.253.777-.252-.777h-.818l.662-.48-.253-.778.661.48.661-.48-.252.777.662.48Zm2.577-1.313-.48.661V5.49l-.779-.254.778-.253v-.817l.48.66.78-.253-.481.663.48.66zm3.265-.75.253.778-.661-.48-.662.48.252-.777-.66-.481h.818L12 3.637l.252.778h.818zm2.93.595v.816l-.481-.661-.777.252.48-.662-.48-.662.777.253.48-.66v.817l.779.252zm5.426 8.285.778.253.48-.662v.818l.778.253-.778.253v.818l-.48-.662-.778.253.48-.662zm-3.077-6.04-.253-.777h-.818l.662-.48-.253-.778.662.48.662-.48-.254.778.662.48h-.818zm1.792 2.086v-.818l-.777-.252.777-.253V7.68l.481.662.777-.254-.48.663.48.66-.777-.252zm1.469 1.278.253-.777.254.777h.816l-.66.481.252.778-.662-.48-.661.48.253-.778-.662-.48zm.506 6.676-.253.778-.253-.778h-.817l.662-.481-.253-.777.66.48.663-.48-.253.777.661.481zm-12.08-.615.76-1.588c.024-.048-.032-.108-.067-.067l-.664.668c-.313.329-.847 1.25-.95 1.421l-.808 1.335a.109.109 0 0 1 .1.162l-.739 1.238c-.18.309.145.523.189.452 1.157-1.868 1.832-1.719 1.832-1.719l.387-.897c.022-.047-.001-.1-.05-.12-.12-.05-.316-.27.01-.885z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/payfit.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const PayfitIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #0F6FDE
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path d="M11.99997 23.919C5.37258 23.919 0 18.56455 0 11.9595S5.37258 0 11.99997 0C18.62739 0 24 5.35445 24 11.9595c0 6.60504-5.3726 11.9595-12.00003 11.9595Zm-.16365-7.7057v-2.37835a.12765.12765 0 0 1 .03727-.09873.12832.12832 0 0 1 .09913-.03714h2.79547c1.9708-.07933 3.5264-1.69659 3.52274-3.66233-.0037-1.96574-1.5653-3.57727-3.53643-3.64928H7.9091c-.15063 0-.27275.12169-.27275.27178v9.59478c0 1.15589.94022 2.09291 2.10003 2.09291 1.1598 0 2.09995-.93702 2.09995-2.0929.01821-.02718.01821-.04074 0-.04074zm.1364-5.64004h2.64545c.30125 0 .54548-.24337.54548-.54355 0-.30025-.24423-.54363-.54548-.54363h-3.5864c-.15061 0-.27267.12165-.27267.27181v6.48259c0 .56289-.45791 1.01928-1.02273 1.01928-.56483 0-1.02274-.4564-1.02274-1.01928V7.597a.12755.12755 0 0 1 .03727-.0988.12874.12874 0 0 1 .09906-.03714h5.7682c.92567-.01694 1.79007.45951 2.26765 1.2499.47759.79046.4958 1.7748.04772 2.58219-.44802.8074-1.29429 1.31528-2.21989 1.33229h-2.74092a.12856.12856 0 0 1-.09913-.03714.1278.1278 0 0 1-.03727-.0988v-1.76675c-.00026-.07754.05893-.14245.1364-.1495z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/paylocity.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const PaylocityIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M15.01198 0C13.67903 0 9.50812.00133 8.1155 9.0586c-.02587.1692.179.23417.22656.07226.65327-2.22412 1.97356-5.83984 3.6582-5.83984 1.2096 0 2.60805 1.86103 4.08008 7.43946.01023.05446.05607.0964.11133.0996h7.68945c.07481-.00947.12652-.07942.11719-.1543a.13237.13237 0 0 0-.0039-.01953C22.75283 4.46925 19.2008 0 15.01197 0zM8.98464.01368c-4.20865 0-7.76216 4.54734-8.98438 10.67968-.00451.07129.04986.13318.1211.13868h6.86328c.06331-.00534.11246-.05763.11523-.1211C7.57798 5.94476 8.79424 2.46868 10.88893.5547c.06082-.05717.06498-.15396.00782-.21484-.01273-.01348-.0282-.02325-.04493-.03125-.6035-.1926-1.2337-.2927-1.86718-.29492zm8.03125 13.02344c-.06326.00533-.11242.0557-.11524.11913-.47805 4.76624-1.69437 8.24406-3.78906 10.1582-.06081.05717-.06498.15201-.00781.2129.01266.01347.0282.0252.04492.0332.60355.19256 1.23374.29094 1.86719.29296 4.20867 0 7.76221-4.5454 8.98437-10.67773.00459-.07134-.04984-.13322-.1211-.13866zM.1194 13.03906c-.07488.00947-.12668.07747-.11718.15235a.13195.13195 0 0 0 .0039.01953c1.24155 6.18707 4.7937 10.65624 8.98242 10.65624 1.33305 0 5.50392.00133 6.89649-9.05664.02592-.16918-.17901-.23424-.22656-.07226-.6533 2.22413-1.97357 5.83985-3.6582 5.83985-1.2096 0-2.60794-1.86304-4.08009-7.44141-.01013-.05446-.05607-.09447-.11132-.09766z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/philips.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const PhilipsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  // Color: #0081C4
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 24 5"
+    {...props}
+  >
+    <path d="M22.41797.00195c-.76633.004-1.51289.50524-1.56055 1.4668-.0242.49128.20035 1.0428.78125 1.25195l.9043.32813c.2247.09606.23238.19219.23828.26758.0107.13896-.12494.24515-.30273.31445-.235.09162-.9312.09962-1.5293-.08203v1.13672c.1966.03195.7814.15789 1.5371.09375.6646-.05655 1.49928-.44735 1.51368-1.4922.0063-.45047-.13216-.97465-.78516-1.23241l-.98046-.34961c-.1068-.04251-.19417-.13797-.19727-.22461-.0065-.17094.132-.33092.4414-.36914.2766-.03438.52826-.03682 1.06446.08789V.07227c-.4786-.06618-.80648-.05951-1.05078-.06836-.02474-.00091-.0495-.00209-.07422-.00196zM1.5332.05665C1.27138.05774.99301.07097 0 .08593v4.59961h1.19727v-.98438c.23632.001.49263.00631.6289-.00586 1.62297-.0833 1.84722-1.41837 1.85352-1.78125.01035-.63024-.21313-1.06488-.49414-1.3496-.29193-.29542-.69856-.48693-1.3711-.50391-.10947-.00282-.19397-.00428-.28125-.0039zm16.7422 0c-.2618.0011-.54029.01433-1.53321.02929v4.59961h1.19531v-.98438c.23826.00105.49588.00619.63086-.00586 1.623-.0833 1.84742-1.41837 1.85352-1.78125.0103-.63024-.21295-1.06488-.49415-1.3496-.2918-.29542-.69644-.48693-1.36914-.50391-.10942-.00282-.19594-.00428-.2832-.0039zM4.26171.08984v4.5957h1.19531V2.8418h1.28711v1.84375h1.19531V.08985h-1.1953v1.71093H5.45702V.08984h-1.1953zm4.80273 0v4.5957h1.19727V.08985H9.06445zm2.32227 0v4.5957h2.42969V3.64258h-1.23243V.08984h-1.19726zm3.02344 0v4.5957h1.1953V.08985h-1.1953zm-12.98828.99413c.52017-.0208.97913.22052.95312.81836-.02658.60861-.53456.8114-1.17773.75782l-.00196.0039V1.10937c.0755-.01337.15225-.02241.22656-.02539zm16.74218 0c.5203-.0208.98107.22052.95508.81836-.0272.60861-.53864.8114-1.18164.75782V1.10938h.00195c.07553-.01338.15029-.02242.22461-.0254z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/rxjs.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const RxJSIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <title>RxJS</title>
+    <path d="M7.402 2.213c-2.224.998-3.615 2.618-4.4 3.798-.852 1.285-1.184 2.35-1.184 2.36v.019c-.246.709-.473 1.821-.473 1.831-.265 1.362-.142 2.628-.142 2.647l.029.25c.028-.337.066-.682.132-1.027.019-.134.37-2.043 1.694-3.558.142-.22 1.675-2.263 4.495-2.263.606 0 1.24.096 1.874.288h.019c.038.01.87.316 1.173.47.284.143.786.364.795.364h.02c2.715 1.343 5.062 1.774 5.081 1.784.672.115 1.278.172 1.817.172 1.079 0 1.855-.24 2.262-.7.331-.374.293-.786.293-.786v-.038c.019-.998-.785-2.072-1.467-2.791a10.907 10.907 0 0 0-1.542-1.362c-2.044-1.534-4.23-2.311-6.52-2.311-2.347.01-3.937.844-3.956.853zm7.419 2.695c.284 0 .511.23.511.518a.512.512 0 0 1-.511.518.512.512 0 0 1-.511-.518c0-.288.227-.518.511-.518zM8.216 2.942c.075 0 .123.02.142.02l3.227 1.016-.123.259-1.543-.49-1.637-.517c-.01 0-.01 0-.02-.01-.009 0-.027-.01-.046-.01-.02 0-.048 0-.067.01-.293.077-1.097.365-1.334.796a.493.493 0 0 0-.038.384c0 .01.17.547.596 1.103l2.14-.106 1.428-.067-.142.297L7.25 5.8c-.53-.652-.738-1.304-.738-1.304-.331-1.055 1.571-1.544 1.571-1.544.038 0 .095-.01.133-.01zM19.439 18.9c2.177-.96 3.104-2.618 3.104-2.618 2.035-2.81 1.344-5.773 1.344-5.773-1.296 2.857-2.48 3.644-2.48 3.644 3.19-4.92.02-7.893.02-7.893 1.296 2.8-.426 6.215-.426 6.215-1.448 3.088-3.502 4.19-3.502 4.19 2.29.432 3.975-1.131 3.975-1.131-3.284 3.596-6.842 3.423-6.842 3.423 1.495 1.698 3.738 1.554 3.738 1.554-2.934.7-5.688-.288-7.95-2.196a12.537 12.537 0 0 1-1.21-1.15s-.341-.365-.408-.461l-.01-.01c-.046 1.774 1.78 3.424 1.78 3.424-2.29-.96-3.34-3.04-3.34-3.04s-1.543-2.666-.426-5.706C7.913 8.37 11.216 7.699 11.3 7.68c.019.01.028.019.047.019-.019-.01-.028-.02-.047-.029 0 0-.511-.22-.805-.364-.293-.144-1.145-.46-1.145-.46a6.32 6.32 0 0 0-1.798-.279c-2.792 0-4.277 2.139-4.277 2.139-1.316 1.496-1.628 3.433-1.628 3.433-.37 1.85.028 3.798.028 3.798s.038.153.048.22c.303.729.69 1.448 1.145 2.13 2.46 3.72 6.454 5.005 6.454 5.005 5.914 2.033 9.955-.959 9.955-.959 3.72-2.59 4.467-5.581 4.467-5.581-3.01 2.368-4.306 2.148-4.306 2.148zM1.506 15.582zm-.199-.595s-.236-.729-.36-1.841v.038c0-.019 0-.038-.009-.067-.01-.077-.019-.163-.028-.24 0 0-.133-1.304.151-2.733 0 0 .01-.038.02-.096.037-.182.075-.374.122-.556 0-.01 0-.019.01-.029.085-.374.208-.824.33-1.189 0 0 1.307-4.344 5.726-6.33 0 0 1.524-.814 3.823-.872 0 0-.312-.307-.51-.44-1.08-.73-2.688-.97-3.663.057-.293.307-.54.642-.814.949-.312.345-.69.633-1.126.796-.378.144-.757.115-1.145.182-.397.067-.804.211-1.126.47-.35.288-.492.671-.53 1.113-.038.345-.028.7-.047 1.045-.048 1.016-.37 1.304-1.089 1.87-.303.23-.558.537-.747.863-.568 1.016.34 2.071.388 3.097.01.211-.01.422-.085.624-.076.22-.228.364-.35.546-.171.24-.285.528-.237.825.047.297.199.576.34.835.275.46.616.872.975 1.265a.4.4 0 0 1 .057.068c0-.01-.01-.02-.01-.03l.029.087a3.803 3.803 0 0 0-.095-.307zM.9 11.544v.116-.116zM1.07 14c0 .02.01.039.01.048 0 .01 0 .02.01.039-.01-.029-.01-.058-.02-.087z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/sentry.tsx

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+
+export const SentryIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 72 66"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Sentry</title>
+    <path d="M40 13.26a4.67 4.67 0 0 0-8 0l-6.58 11.27a32.21 32.21 0 0 1 17.75 26.66h-4.62a27.68 27.68 0 0 0-15.46-22.72L17 39a15.92 15.92 0 0 1 9.23 12.17H15.62a.76.76 0 0 1-.62-1.11l2.94-5a10.74 10.74 0 0 0-3.36-1.9l-2.91 5a4.54 4.54 0 0 0 1.69 6.24 4.66 4.66 0 0 0 2.26.6h14.53a19.4 19.4 0 0 0-8-17.31l2.31-4A23.87 23.87 0 0 1 34.76 55h12.31a35.88 35.88 0 0 0-16.41-31.8l4.67-8a.77.77 0 0 1 1.05-.27c.53.29 20.29 34.77 20.66 35.17a.76.76 0 0 1-.68 1.13H51.6q.09 1.91 0 3.81h4.78A4.59 4.59 0 0 0 61 50.43a4.49 4.49 0 0 0-.62-2.28Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/splice.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const SpliceIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 19 25"
+    {...props}
+  >
+    <path d="M6.7755 15.7396c.17361.1104.10961.3778-.09478.4015-.94346.1094-1.91137-.0411-2.78782-.4514-.52654-.2464-1.01992-.5865-1.4553-1.0205-2.01494-2.0085-1.99312-5.32205.01856-7.33376l5.49261-5.49262C9.32238.46922 11.5675.47195 12.9136 1.87251c1.3026 1.35534 1.2863 3.51018-.049 4.84547L6.49881 13.0838c-.69162.6916-.68116 1.8128.03971 2.4739.07476.0685.15409.1291.23698.1819Zm9.7562 1.9176-6.1347 6.1346c-1.37357 1.3736-3.61873 1.3709-4.96481-.0297-1.30261-1.3553-1.28625-3.5101.04904-4.8454l6.92837-6.9284c.6844-.6844.6771-1.8058-.0317-2.46493a1.70768 1.70768 0 0 0-.1677-.1372c-.2227-.15975-.1282-.51094.1444-.54.9284-.09891 1.8786.05331 2.7403.45677.5265.24641 1.0199.58654 1.4553 1.02056 2.015 2.0084 1.9932 5.322-.0185 7.3337Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/t-mobile.tsx

@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const TMobileIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>T-Mobile</title>
+    <path d="M6.722 15.84h-4.8v-4.8h4.791v4.8zM1.922 0v8.16H3.36v-.236c0-3.844 2.159-6.24 6.239-6.24h.237v17.279c0 2.396-.957 3.36-3.36 3.36h-.72V24h12.478v-1.676h-.72c-2.395 0-3.36-.957-3.36-3.361V1.676h.237c4.08 0 6.239 2.396 6.239 6.24v.236h1.439V0Zm15.356 15.84h4.8v-4.8h-4.791v4.8z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/three-kit.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const ThreeKitIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 21.62 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M9.67049.01544a1.32782 1.32782 0 0 0-.80294.12836V.133L6.13363 1.50011l.00912.00515a1.32869 1.32869 0 0 1 1.21757-.01376l10.06436 5.0311a2.70147 2.70147 0 0 1 1.49388 2.41699V19.95a1.3343 1.3343 0 0 1-.77312 1.21065v.0108l2.73561-1.36763-.009-.0057a1.33474 1.33474 0 0 0 .74669-1.19933V7.5884a2.70147 2.70147 0 0 0-1.49392-2.417L10.06266.14035a1.32782 1.32782 0 0 0-.39217-.1249ZM4.2658 2.71778a1.32782 1.32782 0 0 0-.80293.12836v-.0108L.72896 4.20245l.00912.00515A1.33387 1.33387 0 0 0 0 5.4023v11.01042a2.7019 2.7019 0 0 0 1.49389 2.417l10.06215 5.03107a1.32523 1.32523 0 0 0 1.18253 0v.0108l2.7357-1.36763-.0091-.0056a1.33474 1.33474 0 0 0 .74887-1.1972V10.29073a2.70147 2.70147 0 0 0-1.4939-2.41698L4.658 2.84268a1.32782 1.32782 0 0 0-.39218-.1249ZM2.70234 4.56711l2.70234 1.351v7.79227a2.7019 2.7019 0 0 0 1.49388 2.417l6.61533 3.30673v2.70107l-9.31767-4.65664a2.7019 2.7019 0 0 1-1.49388-2.41699ZM8.107 7.26928l3.913 1.95565a2.70147 2.70147 0 0 1 1.4917 2.41698v5.0886l-3.9108-1.9543a2.7019 2.7019 0 0 1-1.49389-2.417Z" />
+  </svg>
+);

nx-dev/ui-common/src/lib/logos/tide.tsx

@@ -0,0 +1,12 @@
+import { FC, SVGProps } from 'react';
+
+export const TideIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M18.694 12.509h3.393c-.206-.846-.883-1.272-1.647-1.272-.883 0-1.5.48-1.746 1.272zm1.746 4.48c-2.238 0-3.679-1.57-3.679-3.648 0-2.024 1.501-3.662 3.693-3.662 2.211 0 3.546 1.532 3.546 3.569 0 .273-.027.626-.027.672h-5.346c.206.886.87 1.465 1.853 1.465.844 0 1.461-.366 1.853-.932l1.421.872c-.677 1.025-1.76 1.665-3.314 1.665m-6.179-3.634a1.89 1.89 0 0 0-1.906-1.884c-1.036 0-1.84.846-1.84 1.884 0 1.052.804 1.884 1.84 1.884 1.09 0 1.906-.832 1.906-1.884zm-.026 2.956c-.492.386-1.256.613-2.046.613a3.546 3.546 0 0 1-3.533-3.569c0-2.024 1.62-3.608 3.533-3.608.79 0 1.554.246 2.046.626v-2.91h1.892v9.368h-1.892v-.52M7.796 9.814H5.904v7.01h1.892v-7.01m-2.922 0v1.697H2.91v2.816c0 .626.285.872.93.872h1.04v1.625H3.706c-1.853 0-2.69-.832-2.69-2.404v-2.91H0V9.814a1.01 1.01 0 0 0 1.01-1.012V8.01h1.892v1.804h1.972m3.124-1.657c0 .632-.511 1.145-1.142 1.145a1.144 1.144 0 0 1 0-2.29 1.135 1.135 0 0 1 1.142 1.145Z" />
+  </svg>
+);