diff --git a/.changeset/mosaic-provider-logo.md b/.changeset/mosaic-provider-logo.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/mosaic-provider-logo.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/.claude/skills/README.md b/.claude/skills/README.md
index 5b90de9df83..441fa4f631e 100644
--- a/.claude/skills/README.md
+++ b/.claude/skills/README.md
@@ -45,8 +45,10 @@ relevant.
 
 ## Skills in this repo
 
-| Skill               | Use it for                                                                                                                                        |
-| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `clerk-monorepo`    | Day-to-day work in the monorepo: setup, build/test loops, the package map, changesets, commits, PRs, breaking-change checks.                      |
-| `mosaic`            | Mosaic flow UI: authoring machines, controllers, and views, and migrating a legacy component into the split (with parity verification).           |
-| `verify-clerk-expo` | Proving a `@clerk/expo` change on an iOS simulator or Android emulator, local or borrowed on a CI runner, with video and screenshots as evidence. |
+| Skill                  | Use it for                                                                                                                                        |
+| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `clerk-monorepo`       | Day-to-day work in the monorepo: setup, build/test loops, the package map, changesets, commits, PRs, breaking-change checks.                      |
+| `mosaic`               | Mosaic flow UI: authoring machines, controllers, and views, and migrating a legacy component into the split (with parity verification).           |
+| `verify-clerk-expo`    | Proving a `@clerk/expo` change on an iOS simulator or Android emulator, local or borrowed on a CI runner, with video and screenshots as evidence. |
+| `provider-logo-add`    | Adding a logo for a new provider to Mosaic's `ProviderLogo`.                                                                                      |
+| `provider-logo-update` | Checking provider logos against each brand's official assets and refreshing outdated ones.                                                        |
diff --git a/.claude/skills/provider-logo-add/SKILL.md b/.claude/skills/provider-logo-add/SKILL.md
new file mode 100644
index 00000000000..480d01b8c12
--- /dev/null
+++ b/.claude/skills/provider-logo-add/SKILL.md
@@ -0,0 +1,35 @@
+---
+name: provider-logo-add
+description: >-
+  Add a logo for a new OAuth, Web3, or phone-code provider to Mosaic's
+  `ProviderLogo` (the bundled provider logo set). Use when a provider is
+  added to Clerk, or when asked to add a logo for a provider that
+  `ProviderLogo` does not support yet. To refresh an existing logo, use
+  `provider-logo-update`.
+---
+
+# Adding a provider logo
+
+Read `../provider-logo-update/references/logo-pipeline.md` first. It covers where the files
+live, the manifest, the three treatments, sourcing rules, SVG cleanup, verification, and
+changesets.
+
+## Workflow
+
+1. **Confirm the id.** It must match Clerk's provider id: `provider` in
+   `packages/shared/src/oauth.ts` or `packages/shared/src/web3.ts`, or `channel` in
+   `packages/shared/src/alternativePhoneCode.ts`. If the provider is not there yet, say so: adding
+   it to `@clerk/shared` is a separate change with its own changeset, and the backend has to
+   support it. Don't add it to shared as part of this skill unless asked.
+2. **Find the brand page** and the official symbol SVG, per the sourcing rules. Read its guidance
+   for dark backgrounds and sign-in buttons.
+3. **Pick a treatment** and explain the choice in one line to the user, citing the brand guidance.
+4. **Add the files:**
+   - `packages/mosaic/src/components/provider-logo/logos/<id>.svg`, cleaned per the reference.
+   - A manifest entry with `id`, `name`, `treatment`, `groups` (every group whose lookup should
+     resolve it, keyed by that group's provider ids), `colors` if adaptive or recolored, `brand`,
+     `source` if anything is non-obvious, and `checked` set to today. Place it next to providers
+     from the same shared list, in that list's order.
+5. **Generate and verify** per the reference. Report the gzip size change, since every bundle that
+   imports one of the logo's groups carries it.
+6. **Changeset** per the reference.
diff --git a/.claude/skills/provider-logo-update/SKILL.md b/.claude/skills/provider-logo-update/SKILL.md
new file mode 100644
index 00000000000..c9927a5db2f
--- /dev/null
+++ b/.claude/skills/provider-logo-update/SKILL.md
@@ -0,0 +1,40 @@
+---
+name: provider-logo-update
+description: >-
+  Check Mosaic's provider logos (Google, GitHub, Apple, Discord, etc., used by
+  `ProviderLogo`) against each brand's official assets and update any that are
+  outdated, broken, or handled wrong in dark mode. Use when asked to refresh,
+  audit, or check for updated provider/OAuth/social logos, or to fix how one
+  provider's logo looks. For a provider that has no logo yet, use
+  `provider-logo-add`.
+---
+
+# Updating provider logos
+
+Read `references/logo-pipeline.md` first. It covers where the files live, the manifest, the
+three treatments, sourcing rules, SVG cleanup, verification, and changesets.
+
+## Workflow
+
+1. **Scope.** One provider, a list, or all of them. For "all", sort the manifest by `checked`
+   (oldest first) and fan out the brand checks to parallel subagents, about 10 providers each.
+   Give each subagent the reference file and the current SVGs to compare against.
+2. **Check each provider** against its `brand` URL and report, per provider:
+   - whether the current mark still matches the official one (shape and colors),
+   - what the brand says to do on dark backgrounds,
+   - the recommended treatment, and whether it differs from the manifest,
+   - the official SVG URL, or why one could not be fetched.
+3. **Stop and report before changing anything.** Present a short table of proposed changes and
+   the providers that could not be verified. Logo choices are brand and product calls; wait for
+   the user to pick.
+4. **Apply** the approved changes: replace `logos/<id>.svg`, update `treatment`, `colors`, and
+   `source`, and set `checked` to today. Set `checked` on providers you verified as unchanged too.
+5. **Verify** per the reference: generate, test, and look at both color schemes.
+6. **Changeset** per the reference.
+
+## Judgment calls to surface, not decide
+
+- A brand has moved to a mark that is hard to reproduce as clean SVG (Google's 2025 gradient G).
+- A brand rename (Twitter → X, Base App → Coinbase Wallet) where the old id stays.
+- A color the brand's site uses but its asset files do not confirm (HubSpot).
+- Spotify-style rules that turn a colored mark white on our dark background.
diff --git a/.claude/skills/provider-logo-update/references/logo-pipeline.md b/.claude/skills/provider-logo-update/references/logo-pipeline.md
new file mode 100644
index 00000000000..6335381249e
--- /dev/null
+++ b/.claude/skills/provider-logo-update/references/logo-pipeline.md
@@ -0,0 +1,117 @@
+# Provider logo pipeline
+
+Shared by `provider-logo-update` and `provider-logo-add`.
+
+## Where things live
+
+All paths are under `packages/mosaic/`.
+
+| Path                                                     | What                                                                              |
+| -------------------------------------------------------- | --------------------------------------------------------------------------------- |
+| `src/components/provider-logo/logos/<id>.svg`            | Source SVG per provider, as downloaded from the brand (hand-trimmed if needed)    |
+| `src/components/provider-logo/logos/manifest.json`       | Source of truth: order, treatment, color swaps, brand URL, provenance, last check |
+| `scripts/generate-provider-logos.mjs`                    | svgo + treatment + JSX codegen                                                    |
+| `src/components/provider-logo/glyphs/<id>.generated.tsx` | Generated glyph module per logo                                                   |
+| `src/components/provider-logo/<group>.generated.ts`      | Generated map and lookup per group (`oauth`, `enterprise`, `web3`, `phone`)       |
+
+Never hand-edit a `*.generated.*` file. Edit the SVG or manifest, then run
+`pnpm --filter @clerk/mosaic generate:provider-logos`.
+
+## Manifest entry
+
+```json
+{
+  "id": "atlassian",
+  "name": "Atlassian",
+  "treatment": "adaptive",
+  "groups": { "oauth": ["atlassian"] },
+  "colors": { "#1868db": "light-dark(#1868DB, #357DE8)" },
+  "brand": "https://atlassian.design/foundations/logos",
+  "source": "Paths and colors from @atlaskit/logo.",
+  "checked": "2026-10-02"
+}
+```
+
+- `id` names the logo: the SVG filename and the glyph module. Use the Clerk provider id when the
+  logo belongs to one (`provider` in `packages/shared/src/oauth.ts` or `web3.ts`, `channel` in
+  `alternativePhoneCode.ts`).
+- `groups` lists, per group, the ids a lookup in that group resolves to this logo. Keys are the ids
+  Clerk uses in that context: OAuth and Web3 providers, phone code channels, and full enterprise
+  provider ids (`saml_okta`, `oauth_google`, `oidc_gitlab`). A logo in several groups (Google is
+  `oauth` and `enterprise`) is one module that each group map references.
+- `colors` maps a fill **as svgo writes it** (lowercase, shortened hex: `#000`, `#00f`) to its
+  replacement. The generator throws if a key is not found; its error prints the optimized markup.
+- `brand` is the official brand or sign-in-button guideline page. Omit it only when none exists.
+- `source` records anything non-obvious about where the asset came from or why it deviates.
+- `checked` is the date the entry was last compared against the brand (ISO `YYYY-MM-DD`).
+
+## Choosing a treatment
+
+| Treatment  | Use when                                                                            | Effect                                 |
+| ---------- | ----------------------------------------------------------------------------------- | -------------------------------------- |
+| `color`    | A full-color mark the brand uses on both light and dark backgrounds                 | Rendered as-is                         |
+| `mono`     | The brand's mark is black/white only, or its login button uses a one-color mark     | Every fill becomes `currentColor`      |
+| `adaptive` | The brand names different colors for dark backgrounds, or forbids its color on dark | Listed fills become `light-dark(a, b)` |
+
+Precedence: the brand's sign-in-button guideline beats its general logo page, which beats the
+press kit. Apple must resolve to pure black or white (App Review checks custom buttons), so it is
+`adaptive` with `light-dark(#000, #fff)`, not `mono`.
+
+The dark Mosaic background is `oklch(0.2046 0 0)`. If a `color` mark is near-invisible there and
+the brand allows a white version, make it `adaptive`.
+
+## Sourcing an asset
+
+1. Open the manifest `brand` URL (WebFetch, or a browser for JS-rendered pages). Look for the
+   **symbol/icon mark**, not the wordmark, unless the brand has no symbol (Box).
+2. Prefer a direct official SVG. Zips are common: download and unzip in the scratchpad.
+3. Fallbacks, in order: the brand's own npm package (`@atlaskit/logo`), its developer docs' login
+   button kit, then [simple-icons](https://simpleicons.org) (CC0, one-color marks only). Record
+   the fallback in `source`.
+4. Never redraw, recolor beyond the brand's own palette, or trace a raster. If only PNG exists,
+   stop and report it.
+
+Pages that commonly block fetching: X (402), Coinbase (403), Meta brand zips, Okta (partner
+login), HubSpot (Brandfolder form), Notion (redirects to app login). Report these rather than
+guessing.
+
+## Cleaning an SVG
+
+The generator throws on `<image>`, `<style>`, `<script>`, `<foreignObject>`, and text content.
+
+- **Figma exports:** check fills are real colors. A `fill="{&quot;type&quot;:&quot;GRADIENT_…`
+  value renders as nothing (this is how the old Instagram asset broke).
+- **Background tiles:** remove full-bleed background rects the brand does not include (the old
+  Microsoft asset had a `#F3F3F3` square that showed as a gray box in dark mode).
+- **viewBox:** keep it. Non-square boxes are centered into a square automatically. Trim excess
+  padding so the mark's optical size matches its neighbors.
+- **Gradients and clip paths** are fine; ids are scoped per instance by the generator.
+
+## Verifying
+
+1. `pnpm --filter @clerk/mosaic generate:provider-logos`. It prints the gzip size of all logos;
+   note the before/after. A single logo over ~1.5KB gzip deserves a second look, since every bundle
+   that imports its group carries it.
+2. `pnpm --filter @clerk/mosaic exec vitest run --project mosaic src/components/provider-logo`.
+3. Look at swingset `/components/provider-logo`: the Color schemes example shows every logo on
+   light and dark. Check the changed logo at `sm`, `md`, and `lg` against its neighbors. Swingset
+   runs on 6006 (`pnpm run dev:swingset`); use another port if a second worktree holds it. Ask the
+   user before driving a browser for screenshots.
+
+## Bundle size
+
+`ProviderLogo` renders whatever glyph it is handed, so it pulls in no logos itself. A feature pays
+only for the group maps it imports. Minified and gzipped: `oauth` ~6.3KB, `enterprise` ~1.6KB,
+`web3` ~1.5KB, `phone` ~0.6KB. `enterprise` shares Google, Microsoft, GitHub and GitLab with
+`oauth`, so a bundle with both adds only Okta.
+
+Loading only the logo a screen needs after discovering which one it is was rejected: the extra round
+trip costs more than the bytes it saves. The group modules are the unit for the planned
+per-feature code splitting, so a split chunk carries only the groups its feature imports.
+
+## Changeset
+
+Follow `AGENTS.md`. If `ProviderLogo` is reachable from a published entry point
+(`packages/mosaic/src/index.ts`, directly or through an exported feature), write a
+`@clerk/mosaic` changeset describing the visible change ("Updated the Linear logo to the current
+mark"). Otherwise use `pnpm changeset:empty`.
diff --git a/packages/mosaic/package.json b/packages/mosaic/package.json
index 72ba218449c..71d15889a96 100644
--- a/packages/mosaic/package.json
+++ b/packages/mosaic/package.json
@@ -54,6 +54,7 @@
     "dev": "tsdown --config tsdown.config.mts --watch",
     "format": "node ../../scripts/format-package.mjs",
     "format:check": "node ../../scripts/format-package.mjs --check",
+    "generate:provider-logos": "node ./scripts/generate-provider-logos.mjs",
     "lint": "eslint src",
     "lint:attw": "attw --pack . --exclude-entrypoints styles.css --profile esm-only",
     "lint:publint": "publint",
@@ -88,6 +89,7 @@
     "qrcode.react": "4.2.0",
     "react": "catalog:react",
     "react-dom": "catalog:react",
+    "svgo": "^3.3.5",
     "tsdown": "catalog:repo",
     "vitest-axe": "^0.1.0"
   },
diff --git a/packages/mosaic/scripts/generate-provider-logos.mjs b/packages/mosaic/scripts/generate-provider-logos.mjs
new file mode 100644
index 00000000000..1da5976be24
--- /dev/null
+++ b/packages/mosaic/scripts/generate-provider-logos.mjs
@@ -0,0 +1,263 @@
+import { execFileSync } from 'node:child_process';
+import { mkdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { gzipSync } from 'node:zlib';
+
+import { optimize } from 'svgo';
+
+const dir = resolve(import.meta.dirname, '../src/components/provider-logo');
+const { providers } = JSON.parse(readFileSync(resolve(dir, 'logos/manifest.json'), 'utf8'));
+
+const TREATMENTS = new Set(['color', 'mono', 'adaptive']);
+
+function optimizeSvg(id, source) {
+  return optimize(source, {
+    multipass: true,
+    floatPrecision: 1,
+    plugins: [
+      { name: 'preset-default', params: { overrides: { removeViewBox: false } } },
+      'removeDimensions',
+      'removeTitle',
+      'convertStyleToAttrs',
+      { name: 'prefixIds', params: { prefix: `cl-logo-${id}`, delim: '-' } },
+    ],
+  }).data;
+}
+
+const UNSUPPORTED = new Set(['style', 'script', 'foreignObject', 'image']);
+const PAINT = new Set(['fill', 'fill-rule', 'clip-rule', 'stroke']);
+const UNPAINTED = new Set(['clipPath', 'mask']);
+
+const camel = value => value.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+
+function treat(entry, optimized) {
+  const unused = new Set(Object.keys(entry.colors ?? {}));
+  const swap = value => {
+    for (const [from, to] of Object.entries(entry.colors ?? {})) {
+      if (value.toLowerCase() === from.toLowerCase()) {
+        unused.delete(from);
+        return to;
+      }
+    }
+    return value;
+  };
+
+  let svg;
+  let unpaintedDepth = 0;
+  optimize(optimized, {
+    plugins: [
+      {
+        name: 'providerLogoTreatment',
+        fn: root => {
+          svg = root.children.find(child => child.type === 'element');
+          return {
+            element: {
+              enter: node => {
+                if (UNSUPPORTED.has(node.name)) {
+                  throw new Error(`${entry.id}: unsupported <${node.name}> element`);
+                }
+                if (UNPAINTED.has(node.name)) {
+                  unpaintedDepth += 1;
+                }
+                const { fill } = node.attributes;
+                if (entry.treatment === 'mono' && unpaintedDepth === 0 && (node === svg || (fill && fill !== 'none'))) {
+                  node.attributes.fill = 'currentColor';
+                }
+                if (node.attributes.fill) {
+                  node.attributes.fill = swap(node.attributes.fill);
+                }
+              },
+              exit: node => {
+                if (UNPAINTED.has(node.name)) {
+                  unpaintedDepth -= 1;
+                }
+              },
+            },
+            text: {
+              enter: node => {
+                if (node.value.trim()) {
+                  throw new Error(`${entry.id}: unexpected text content: ${node.value.slice(0, 40)}`);
+                }
+              },
+            },
+          };
+        },
+      },
+    ],
+  });
+
+  if (unused.size > 0) {
+    throw new Error(`${entry.id}: colors not found in the optimized SVG: ${[...unused].join(', ')}`);
+  }
+  return svg;
+}
+
+const elements = node => node.children.filter(child => child.type === 'element');
+
+function attrsToJsx(attrs, ids) {
+  return Object.entries(attrs)
+    .filter(([k]) => !k.startsWith('xmlns') && k !== 'class' && k !== 'data-name')
+    .map(([k, v]) => {
+      const name = k === 'xlink:href' ? 'href' : k.startsWith('aria-') || k.startsWith('data-') ? k : camel(k);
+      if (name === 'id') {
+        return `id={\`${v}-\${uid}\`}`;
+      }
+      const scoped = v.replace(/#(cl-logo-[\w-]+)/g, (match, ref) => (ids.has(ref) ? `#${ref}-\${uid}` : match));
+      if (v.startsWith('light-dark(')) {
+        return `style={{ ${camel(name)}: '${v}' }}`;
+      }
+      if (name === 'style') {
+        const entries = v
+          .split(';')
+          .filter(Boolean)
+          .map(rule => rule.split(':').map(s => s.trim()))
+          .map(([prop, value]) => `${camel(prop)}: '${value}'`);
+        return `style={{ ${entries.join(', ')} }}`;
+      }
+      return scoped === v ? `${name}='${v}'` : `${name}={\`${scoped}\`}`;
+    })
+    .join(' ');
+}
+
+function toJsx(node, ids) {
+  const attrs = attrsToJsx(node.attributes, ids);
+  const open = attrs ? `<${node.name} ${attrs}` : `<${node.name}`;
+  const children = elements(node);
+  if (children.length === 0) {
+    return `${open} />`;
+  }
+  return `${open}>${children.map(child => toJsx(child, ids)).join('')}</${node.name}>`;
+}
+
+function squareViewBox(viewBox) {
+  let [x, y, w, h] = viewBox.split(/[\s,]+/).map(Number);
+  if (w !== h) {
+    const size = Math.max(w, h);
+    x -= (size - w) / 2;
+    y -= (size - h) / 2;
+    w = h = size;
+  }
+  return [x, y, w, h].map(n => +n.toFixed(2)).join(' ');
+}
+
+const GROUPS = {
+  oauth: { map: 'oauthLogos', type: 'OAuthLogoId', lookup: 'getOAuthLogo' },
+  enterprise: { map: 'enterpriseLogos', type: 'EnterpriseLogoId', lookup: 'getEnterpriseLogo' },
+  web3: { map: 'web3Logos', type: 'Web3LogoId', lookup: 'getWeb3Logo' },
+  phone: { map: 'phoneLogos', type: 'PhoneLogoId', lookup: 'getPhoneLogo' },
+};
+
+const exportName = id => id.replace(/_([a-z0-9])/g, (_, c) => c.toUpperCase());
+const objectKey = key => (/^[a-z_$][\w$]*$/i.test(key) ? key : `'${key}'`);
+
+const seen = new Set();
+const groupEntries = Object.fromEntries(Object.keys(GROUPS).map(group => [group, []]));
+const written = [];
+let rawBytes = '';
+
+rmSync(resolve(dir, 'glyphs'), { recursive: true, force: true });
+mkdirSync(resolve(dir, 'glyphs'));
+
+for (const entry of providers) {
+  if (seen.has(entry.id)) {
+    throw new Error(`Duplicate provider id: ${entry.id}`);
+  }
+  seen.add(entry.id);
+  if (!TREATMENTS.has(entry.treatment)) {
+    throw new Error(`${entry.id}: unknown treatment "${entry.treatment}"`);
+  }
+  const groups = Object.entries(entry.groups ?? {});
+  if (groups.length === 0) {
+    throw new Error(`${entry.id}: a logo needs at least one group`);
+  }
+  for (const [group, keys] of groups) {
+    if (!GROUPS[group]) {
+      throw new Error(`${entry.id}: unknown group "${group}"`);
+    }
+    for (const key of keys) {
+      if (groupEntries[group].some(existing => existing.key === key)) {
+        throw new Error(`${entry.id}: "${key}" is already used in the ${group} group`);
+      }
+      groupEntries[group].push({ key, id: entry.id });
+    }
+  }
+
+  const optimized = optimizeSvg(entry.id, readFileSync(resolve(dir, `logos/${entry.id}.svg`), 'utf8'));
+  rawBytes += optimized;
+  const svg = treat(entry, optimized);
+  if (!svg.attributes.viewBox) {
+    throw new Error(`${entry.id}: the SVG has no viewBox`);
+  }
+  const paint = Object.fromEntries(Object.entries(svg.attributes).filter(([k]) => PAINT.has(k)));
+
+  const ids = new Set();
+  const collect = node => {
+    if (node.attributes.id) {
+      ids.add(node.attributes.id);
+    }
+    elements(node).forEach(collect);
+  };
+  collect(svg);
+
+  let body = elements(svg)
+    .map(child => toJsx(child, ids))
+    .join('');
+  const paintAttrs = attrsToJsx(paint, ids);
+  if (paintAttrs) {
+    body = `<g ${paintAttrs}>${body}</g>`;
+  } else if (elements(svg).length > 1) {
+    body = `<>${body}</>`;
+  }
+  if (entry.treatment === 'adaptive' && !body.includes('light-dark(')) {
+    throw new Error(`${entry.id}: an adaptive logo needs at least one light-dark() color`);
+  }
+
+  const file = `glyphs/${entry.id}.generated.tsx`;
+  writeFileSync(
+    resolve(dir, file),
+    `import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const ${exportName(entry.id)}: ProviderLogoGlyph = {
+  id: '${entry.id}',
+  viewBox: '${squareViewBox(svg.attributes.viewBox)}',
+  render: (${ids.size > 0 ? 'uid' : ''}) => (${body}),
+};
+`,
+  );
+  written.push(file);
+}
+
+for (const [group, { map, type, lookup }] of Object.entries(GROUPS)) {
+  const entries = groupEntries[group];
+  const imports = [...new Set(entries.map(({ id }) => id))]
+    .sort()
+    .map(id => `import { ${exportName(id)} } from './glyphs/${id}.generated';`)
+    .join('\n');
+  const members = entries
+    .map(({ key, id }) => (key === exportName(id) ? `  ${key},` : `  ${objectKey(key)}: ${exportName(id)},`))
+    .join('\n');
+  const file = `${group}.generated.ts`;
+  writeFileSync(
+    resolve(dir, file),
+    `${imports}
+import type { ProviderLogoGlyph } from './provider-logo.types';
+
+export const ${map} = {
+${members}
+} satisfies Record<string, ProviderLogoGlyph>;
+
+export type ${type} = keyof typeof ${map};
+
+const lookup: ReadonlyMap<string, ProviderLogoGlyph> = new Map(Object.entries(${map}));
+
+export function ${lookup}(id: string): ProviderLogoGlyph | undefined {
+  return lookup.get(id);
+}
+`,
+  );
+  written.push(file);
+}
+
+execFileSync('pnpm', ['exec', 'prettier', '--write', ...written], { cwd: dir, stdio: 'ignore' });
+
+console.log(`${providers.length} provider logos, ${gzipSync(rawBytes, { level: 9 }).length} B gzip of optimized SVG`);
diff --git a/packages/mosaic/src/components/provider-logo/enterprise.generated.ts b/packages/mosaic/src/components/provider-logo/enterprise.generated.ts
new file mode 100644
index 00000000000..e0d08bf0782
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/enterprise.generated.ts
@@ -0,0 +1,24 @@
+import { github } from './glyphs/github.generated';
+import { gitlab } from './glyphs/gitlab.generated';
+import { google } from './glyphs/google.generated';
+import { microsoft } from './glyphs/microsoft.generated';
+import { okta } from './glyphs/okta.generated';
+import type { ProviderLogoGlyph } from './provider-logo.types';
+
+export const enterpriseLogos = {
+  saml_google: google,
+  oauth_google: google,
+  saml_microsoft: microsoft,
+  oauth_microsoft: microsoft,
+  oidc_github_enterprise: github,
+  oidc_gitlab: gitlab,
+  saml_okta: okta,
+} satisfies Record<string, ProviderLogoGlyph>;
+
+export type EnterpriseLogoId = keyof typeof enterpriseLogos;
+
+const lookup: ReadonlyMap<string, ProviderLogoGlyph> = new Map(Object.entries(enterpriseLogos));
+
+export function getEnterpriseLogo(id: string): ProviderLogoGlyph | undefined {
+  return lookup.get(id);
+}
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/agentid.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/agentid.generated.tsx
new file mode 100644
index 00000000000..90668c1974f
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/agentid.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const agentid: ProviderLogoGlyph = {
+  id: 'agentid',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='currentColor'>
+      <g fill='currentColor'>
+        <path d='M18.1 5.4A29 29 0 0 1 2 5.4q-.3 0-.5.2L.1 7.7q-.2.6.3.7a38 38 0 0 0 19.2 0q.5-.1.3-.7l-1.3-2.1zm-13.8 9L8.5 18q.2.2 0 .4l-1.7 1q-.2.2-.3 0L4 14.7q0-.4.3-.3m11.3 0L11.4 18q-.1.2 0 .4l1.8 1q0 .2.3 0l2.4-4.8q.2-.4-.3-.3M8 11.7l.7-.4h2.6l.7.4h.8l.2-.1.8-.5.4-.1h.8v.2l-.4 2.5-.3.6-3.6 3-.6.3h-.3q-.3 0-.5-.2l-3.6-3-.4-.7-.3-2.5V11h.8l.3.2.9.5.6.1z' />
+        <path d='M5.8.4c6 2.5 3.1 2.3 8.4 0q.4-.2.6.4l.5 3 .1.5-.4.1a15 15 0 0 1-10 0h-.5l.1-.6.6-3q.2-.6.6-.4' />
+      </g>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/apple.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/apple.generated.tsx
new file mode 100644
index 00000000000..faa6eb22972
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/apple.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const apple: ProviderLogoGlyph = {
+  id: 'apple',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        style={{ fill: 'light-dark(#000, #fff)' }}
+        d='M17.8 6.8c-.2.1-2.2 1.3-2.2 3.8 0 3 2.6 4 2.7 4 0 .1-.4 1.5-1.4 3-.8 1.1-1.7 2.4-3.1 2.4s-1.7-.8-3.3-.8-2 .8-3.3.8-2.1-1.1-3.1-2.5A12 12 0 0 1 2 10.8c0-3.9 2.5-6 5-6 1.3 0 2.4 1 3.3 1s2-1 3.5-1c.6 0 2.6 0 4 2M13 3.2Q14 2 14 .4V0q-1.7.1-3 1.5-.9 1.1-1 2.7v.4h.3q1.5-.1 2.7-1.4'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/atlassian.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/atlassian.generated.tsx
new file mode 100644
index 00000000000..e0ff1ffad56
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/atlassian.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const atlassian: ProviderLogoGlyph = {
+  id: 'atlassian',
+  viewBox: '4 2.5 24 24',
+  render: () => (
+    <g fill='none'>
+      <path
+        style={{ fill: 'light-dark(#1868DB, #357DE8)' }}
+        d='M27.5 24.4 17 3.2q-.4-.6-.7-.5-.4-.1-.7.5a15 15 0 0 0-2.2 8c0 4 2 7.7 5 13.8q.5.9 1.2.8H27q.8 0 .8-.7zm-15.3-10C11.3 13 11 13 10.9 13s-.4.1-.7.9L4.9 24.5l-.2.6q0 .6.9.7H13q.8 0 1.1-1.3t.4-2.9a14 14 0 0 0-2.3-7.2'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/base.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/base.generated.tsx
new file mode 100644
index 00000000000..543c295a81b
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/base.generated.tsx
@@ -0,0 +1,12 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const base: ProviderLogoGlyph = {
+  id: 'base',
+  viewBox: '0 0 1280 1280',
+  render: () => (
+    <path
+      style={{ fill: 'light-dark(#0000FF, #fff)' }}
+      d='M0 101.1c0-34.6 0-52 6.5-65.3A64 64 0 0 1 36 6.5C49.2 0 66.5 0 101 0h1078c34.6 0 52 0 65.3 6.5a64 64 0 0 1 29.3 29.4c6.5 13.3 6.5 30.6 6.5 65.2V1179c0 34.6 0 52-6.5 65.3a64 64 0 0 1-29.3 29.3c-13.4 6.5-30.7 6.5-65.3 6.5H101c-34.6 0-52 0-65.3-6.5a64 64 0 0 1-29.3-29.3C0 1230.8 0 1213.5 0 1178.9z'
+    />
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/bitbucket.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/bitbucket.generated.tsx
new file mode 100644
index 00000000000..a96395d8ce5
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/bitbucket.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const bitbucket: ProviderLogoGlyph = {
+  id: 'bitbucket',
+  viewBox: '4 4 24 24',
+  render: () => (
+    <g fill='none'>
+      <path
+        style={{ fill: 'light-dark(#1868DB, #357DE8)' }}
+        d='M25.6 15.8 24 25.7a1 1 0 0 1-1.2 1H9.1a1 1 0 0 1-1.1-1L5.1 8.1q0-1 .8-1H26q1 0 .8 1l-.8 4.6q0 1-1 1H12.7q-.3 0-.2.3l1 5.8q0 .3.2.3h4.4q.2 0 .2-.3l.7-4.2q0-.7 1-.7h4.7q1 0 .8 1'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/box.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/box.generated.tsx
new file mode 100644
index 00000000000..dd884b81719
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/box.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const box: ProviderLogoGlyph = {
+  id: 'box',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#0061D5'
+        d='M19.4 14q.3.6-.1 1-.6.3-1-.1l-1.7-2.1-1.7 2q-.4.6-1 .1-.5-.3-.2-1l2-2.4-2-2.5a1 1 0 0 1 .2-1q.6-.4 1 0l1.7 2.2 1.6-2q.5-.5 1-.2.5.6.2 1l-1.9 2.5zm-8.7-.3c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2 2.2 1 2.2 2.2q-.2 2-2.2 2.2m-6.6 0c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2 2.3 1 2.3 2.2q-.2 2-2.3 2.2M10.7 8Q8.5 8 7.5 9.8a4 4 0 0 0-3.3-1.9 4 4 0 0 0-2.3.7v-3q0-.7-.7-.7t-.7.7v6C.5 13.6 2 15 4 15q2.3-.1 3.3-2 1 1.9 3.3 2c2 0 3.7-1.6 3.7-3.6s-1.7-3.6-3.7-3.6'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/coinbase.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/coinbase.generated.tsx
new file mode 100644
index 00000000000..e121635625b
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/coinbase.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const coinbase: ProviderLogoGlyph = {
+  id: 'coinbase',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#0052FF'
+        d='M10 15a5 5 0 1 1 5-5.8h5a10 10 0 1 0 0 1.6h-5a5 5 0 0 1-5 4.2'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/coinbase_wallet.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/coinbase_wallet.generated.tsx
new file mode 100644
index 00000000000..df90c3ec184
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/coinbase_wallet.generated.tsx
@@ -0,0 +1,30 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const coinbaseWallet: ProviderLogoGlyph = {
+  id: 'coinbase_wallet',
+  viewBox: '0 0 20 20',
+  render: uid => (
+    <g fill='none'>
+      <g clipPath={`url(#cl-logo-coinbase_wallet-a-${uid})`}>
+        <path
+          fill='#0052FF'
+          d='M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20'
+        />
+        <path
+          fill='#fff'
+          fillRule='evenodd'
+          d='M3 10a7 7 0 1 0 14 0 7 7 0 0 0-14 0m5.2-2.3-.5.5v3.6q.1.4.5.5h3.6l.5-.5V8.2l-.5-.5z'
+          clipRule='evenodd'
+        />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-coinbase_wallet-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h20v20H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/discord.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/discord.generated.tsx
new file mode 100644
index 00000000000..0f99cb6418a
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/discord.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const discord: ProviderLogoGlyph = {
+  id: 'discord',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#5865F2'
+        d='M17 3.6q-2-1-4.2-1.3l-.5 1Q10 3 7.7 3.4l-.5-1Q4.9 2.7 3 3.6A17 17 0 0 0 0 15q2.6 1.9 5 2.6.7-.8 1.1-1.7L4.5 15q.3 0 .4-.3c3.3 1.5 7 1.5 10.2 0l.4.3-1.7.9 1 1.7q2.5-.7 5.1-2.6.5-6.6-3-11.5M6.6 12.8c-1 0-1.8-1-1.8-2q.2-1.9 1.8-2 1.7.1 1.8 2c0 1-.8 2-1.8 2m6.6 0c-1 0-1.8-1-1.8-2q.2-1.9 1.8-2 1.7.1 1.8 2c0 1-.8 2-1.8 2'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/dropbox.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/dropbox.generated.tsx
new file mode 100644
index 00000000000..ef1b1ea34b2
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/dropbox.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const dropbox: ProviderLogoGlyph = {
+  id: 'dropbox',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#0061FF'
+        d='M10 4.7 5 7.9l5 3.2-5 3.2L0 11l5-3.2-5-3.2 5-3.2zM5 15.3l5-3.2 5 3.2-5 3.2zm5-4.2 5-3.2-5-3.2 5-3.2 5 3.2-5 3.2 5 3.2-5 3.2z'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/enstall.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/enstall.generated.tsx
new file mode 100644
index 00000000000..36c3fe20c2c
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/enstall.generated.tsx
@@ -0,0 +1,26 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const enstall: ProviderLogoGlyph = {
+  id: 'enstall',
+  viewBox: '0 0 192 192',
+  render: () => (
+    <>
+      <path
+        fill='#013F32'
+        d='M135 193H1V1.1h191.8V193zM82 84.5c-.7-3.7 1.6-8-3.2-10.7-3.5-1.9-6.6-4.6-10.1-7v66.7H82V96.9h41.7V85c-13.9 0-27.5 0-41.8-.6m40.5-34.7H68.6V61h60.2V49.8zm-1 84h9.2V122h-32c-.9 0-2.1.4-2.6 1-2.7 3.3-5.2 6.7-8.4 10.9z'
+      />
+      <path
+        fill='#F3F5F5'
+        d='M82.4 84.8c14 .3 27.5.3 41.4.3v11.8H82.1v36.6H68.7V66.7c3.5 2.5 6.6 5.2 10.1 7.1 4.8 2.7 2.5 7 3.6 11'
+      />
+      <path
+        fill='#FDFDFD'
+        d='M123 49.8h5.8V61H68.6V49.8z'
+      />
+      <path
+        fill='#F4F6F5'
+        d='M121 133.9H87.6l8.4-11c.5-.5 1.7-.8 2.6-.8h32v11.8z'
+      />
+    </>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/facebook.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/facebook.generated.tsx
new file mode 100644
index 00000000000..d8f4bf8966a
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/facebook.generated.tsx
@@ -0,0 +1,18 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const facebook: ProviderLogoGlyph = {
+  id: 'facebook',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#0866FF'
+        d='M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20'
+      />
+      <path
+        fill='#fff'
+        d='m13.9 12.9.4-2.9h-2.7V8.1q-.2-1.3 1.6-1.5h1.3V4l-2.3-.2q-3.6 0-3.8 3.9V10H6v2.9h2.5v7a10 10 0 0 0 3.2 0v-7z'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/github.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/github.generated.tsx
new file mode 100644
index 00000000000..cb06d34e2e8
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/github.generated.tsx
@@ -0,0 +1,24 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const github: ProviderLogoGlyph = {
+  id: 'github',
+  viewBox: '0 -1 98 98',
+  render: uid => (
+    <g fill='currentColor'>
+      <g clipPath={`url(#cl-logo-github-a-${uid})`}>
+        <path
+          fill='currentColor'
+          d='M41.4 69.4C28.8 67.9 20 58.8 20 47c0-4.8 1.7-10 4.6-13.4-1.2-3.2-1-9.9.4-12.6a17 17 0 0 1 12 4.3q5.4-1.8 12.2-1.8 6.9 0 12 1.7a17 17 0 0 1 12-4.2c1.4 2.5 1.5 9.2.3 12.5A21 21 0 0 1 78.1 47c0 11.8-9 20.7-21.7 22.3 3.2 2 5.4 6.7 5.4 12v10c0 2.8 2.4 4.4 5.3 3.3A49 49 0 0 0 98 49.2a49 49 0 1 0-98 0 48 48 0 0 0 31.7 45.5c2.6 1 5-.8 5-3.4v-7.7q-2.1 1-4.5 1c-6.4 0-10-3.4-12.8-9.9-1-2.5-2.2-4-4.4-4.4q-1.6-.1-1.5-1.1c0-1.2 2-2 3.8-2q4 0 7.7 5.2 2.8 4.1 6.3 4c2.4 0 4-.8 6.1-3z'
+        />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-github-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h98v96H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/gitlab.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/gitlab.generated.tsx
new file mode 100644
index 00000000000..a880e632f05
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/gitlab.generated.tsx
@@ -0,0 +1,34 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const gitlab: ProviderLogoGlyph = {
+  id: 'gitlab',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#E24329'
+        d='M10 19.2 13.7 8H6.3z'
+      />
+      <path
+        fill='#FCA326'
+        d='M1.2 7.9 0 11.3q0 .5.3.9l9.7 7z'
+      />
+      <path
+        fill='#E24329'
+        d='M1.2 7.9h5.1L4.1 1q-.4-.6-.7 0z'
+      />
+      <path
+        fill='#FCA326'
+        d='m18.8 7.9 1.2 3.4q0 .5-.3.9l-9.7 7z'
+      />
+      <path
+        fill='#E24329'
+        d='M18.8 7.9h-5.1L15.9 1q.4-.6.7 0z'
+      />
+      <path
+        fill='#FC6D26'
+        d='M10 19.2 13.7 8h5.1zm0 0L1.2 8h5.1z'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/google.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/google.generated.tsx
new file mode 100644
index 00000000000..dae2e187f29
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/google.generated.tsx
@@ -0,0 +1,36 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const google: ProviderLogoGlyph = {
+  id: 'google',
+  viewBox: '0 0 20 20',
+  render: uid => (
+    <g fill='none'>
+      <g clipPath={`url(#cl-logo-google-a-${uid})`}>
+        <path
+          fill='#4285F4'
+          d='M20 10.2q0-1.2-.2-2h-9.6v3.6h5.6c0 1-.7 2.4-2 3.3v.1l3 2.3h.2q3-2.7 3-7.3'
+        />
+        <path
+          fill='#34A853'
+          d='M10.2 20q4.2-.1 6.8-2.5l-3.3-2.4q-1.2 1-3.5 1c-2.7 0-5-1.8-5.8-4.2h-.1L1 14.3v.1c1.7 3.3 5.1 5.5 9.1 5.5'
+        />
+        <path
+          fill='#FBBC05'
+          d='M4.4 12a6 6 0 0 1 0-4v-.1L1.2 5.4H1a10 10 0 0 0 0 9z'
+        />
+        <path
+          fill='#EB4335'
+          d='M10.2 3.9c2 0 3.2.8 4 1.4L17 2.6A10 10 0 0 0 10.2 0c-4 0-7.4 2.2-9.1 5.5L4.4 8a6 6 0 0 1 5.8-4.1'
+        />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-google-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h20v20H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/hubspot.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/hubspot.generated.tsx
new file mode 100644
index 00000000000..06ada162327
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/hubspot.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const hubspot: ProviderLogoGlyph = {
+  id: 'hubspot',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#FF7A59'
+        d='M14.2 7.2v-2q.8-.4.9-1.3-.2-1.5-1.5-1.6-1.5.1-1.6 1.5 0 1 .9 1.4v2q-1.2.2-2 .9L5.5 3.9v-.4a1.7 1.7 0 1 0-1.7 1.7l.9-.3L10 9.1c-1 1.4-1 3.3 0 4.8l-1.6 1.6H8a1.4 1.4 0 1 0 1.4 1l1.5-1.7a4.3 4.3 0 1 0 3.3-7.6m-.7 6.4a2.2 2.2 0 1 1 0-4.4 2.2 2.2 0 0 1 0 4.4'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/huggingface.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/huggingface.generated.tsx
new file mode 100644
index 00000000000..d5b929a48e2
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/huggingface.generated.tsx
@@ -0,0 +1,50 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const huggingface: ProviderLogoGlyph = {
+  id: 'huggingface',
+  viewBox: '0 0 20 20',
+  render: uid => (
+    <g fill='none'>
+      <g clipPath={`url(#cl-logo-huggingface-a-${uid})`}>
+        <path
+          fill='#fff'
+          d='m20 14.4-.3-.6v-.3q.2-.8-.5-1.5l-.6-.4A8.8 8.8 0 0 0 10 .7a8.8 8.8 0 0 0-8.6 10.9q-.4 0-.6.4a2 2 0 0 0-.5 1.8l-.2.6v1.2q-.1.6.1 1.3l.7.8 1.2.7 1.6.5q1.2.4 2.4.4 1.7 0 2.8-1h2.2q1.1 1 2.8 1a10 10 0 0 0 4-1q.8-.2 1.2-.6l.7-.8q.3-.6 0-1.3.3-.6.1-1.2m-.9 1.1q.3.5 0 1-.2.7-1.8 1.3l-1.2.4q-1.4.4-2.3.4-1.7 0-2.5-1-1.3.3-2.7 0-.8 1-2.5 1-1 0-2.3-.4l-1.2-.4Q1 17.2.8 16.5a1 1 0 0 1 0-1 1 1 0 0 1-.1-1q0-.4.4-.7l-.2-.4q0-.6.3-1t.9-.4a8.2 8.2 0 1 1 15.6 0h.1q.6 0 .9.4a1 1 0 0 1 .2 1.4l.3.6a1 1 0 0 1-.1 1z'
+        />
+        <path
+          fill='#FF9D00'
+          d='M19 15.4a1 1 0 0 0 .2-1l-.3-.6.1-.4q0-.6-.3-1a1 1 0 0 0-1-.4 8.2 8.2 0 1 0-15.6 0q-.6 0-.9.4a1 1 0 0 0-.1 1.4l-.4.6a1 1 0 0 0 .1 1v.1q-.3.5 0 1 .2.7 1.8 1.3l1.2.4 2.3.4q1.7 0 2.5-1 1.3.3 2.7 0 .8 1 2.5 1 1 0 2.3-.4l1.2-.4q1.5-.6 1.8-1.3a1 1 0 0 0 0-1M8.3 16.7l-.1.3-.5.4-1.5.3q-1.3 0-2-.3s-3-.8-2.6-1.5l.3-.1c.5 0 1.4.7 1.8.7l.2-.1c.2-.6-2.5-.9-2.3-1.7q0-.3.3-.3c.7 0 2.2 1.2 2.5 1.2q.4-.3-1-1v-.1c-1.1-.7-1.9-1-1.5-1.6h.6l2 1.4s.3.4.6.4h.1c.2-.3-1.7-1.8-1.8-2.4q0-.6.3-.6t.4.2l1.6 2.3q.2.3.5.3c.3 0 .6-.3 0-.7-.8-.6-.5-1.7-.1-1.7s.6.6.6.6.4 1.2 1.2 2q1 1 .4 2m2.6.2H9q.6-1.6-.7-2.8a4 4 0 0 1-1-1.7c-.2-.5-.6-1.2-1.4-1.2a1 1 0 0 0-1 .5l-.5-.5-.9-.3q-.5 0-.8.4l-.2-.6V9.6a7.4 7.4 0 0 1 14.7 0v.9h-.1v.5H17v.1l-.8-.2q-.5 0-.8.3l-.7.5a1 1 0 0 0-1-.5c-.6 0-1 .7-1.2 1.2q-.2.5-1.1 1.7-1.3 1.3-.7 2.8m7.6-2-.1.2-.6.3-.2.1-.4.2h-.3v.1h-.1q-.7.3-.6.6t.4 0h.2l.6-.3.2-.2.6-.1h.2v.6l-.7.4-2.8.8h-.3l-.5.1h-1.1v-.1h-.3l-.1-.1h-.1v-.1h-.2v-.1H12V17h-.2v-.2h-.1v-.2h-.1v-.1l-.2-.5q0-.7.7-1.3c.8-.8 1.3-2 1.3-2v-.3h.1l.1-.2.2-.1h.1l.2.1.1.1v.1l.1.5v.3l-.1.2H14l-.3.4-.2.1q-.2.3-.1.4v.1h.1v.1h.4l.2-.1v-.2l.7-1V13l.2-.3.2-.3.3-.3V12h.1l.2-.1q.5-.3.6-.1v.8l-.2.2-.1.2-.2.1v.1h-.1v.1l-.2.1-.9 1v.3h.4v-.1h.1l.1-.1.1-.1v-.1h.1l.1-.1.2-.1V14l.2-.2.3-.2.3-.2h.1l.1-.1h.1v-.1h.1l.1-.1h.1V13l.3-.1h.4l.2.2v.3l-.2.1v.1h-.1v.1l-.3.2-.4.2-.6.4-.2.1h-.1l-.1.2H16l-.1.2-.2.1v.1h-.1v.4l.3-.1h.1l.1-.1.7-.4h.1l.4-.3.3-.1.5-.2h.1l.2.2z'
+        />
+        <path
+          fill='#FFD21E'
+          fillRule='evenodd'
+          d='M17.3 9.6a7.4 7.4 0 1 0-14.8 0v.7l.1.2v.2l.1.5q.4-.3 1-.3.3 0 .8.3l.6.5a1 1 0 0 1 1-.5c.7 0 1 .7 1.3 1.2q0 .5 1 1.7 1.4 1.3.7 2.8h1.7q-.6-1.6.7-2.8a4 4 0 0 0 1-1.7c.2-.5.7-1.2 1.4-1.2a1 1 0 0 1 1 .5l.6-.5q.3-.3.8-.3t.8.3v-.7h.1v-.8M8 17q.9-1.2-.3-2.3c-.8-.8-1.2-2-1.2-2S6.4 12 6 12s-.7 1 .1 1.7c.9.6-.1 1-.5.4L4 12q-.8-.5-.7.4c0 .3.6.8 1 1.3q1 .9.8 1c-.1.4-.8-.3-.8-.3s-2-1.8-2.5-1.4.3.9 1.2 1.4l.3.2q1.4.9 1 1 0 .2-.9-.3c-.7-.5-1.8-1-1.9-.5s.6.7 1.3 1q1 .3 1 .7-.1.3-1-.2T1.5 16c-.3.7 2.5 1.5 2.5 1.5 1 .2 3.3.7 4-.4m3.7 0q-.9-1.2.3-2.3c.8-.8 1.3-2 1.3-2s.1-.7.5-.6.7 1-.1 1.7.1 1 .5.4c.3-.5 1.2-2 1.6-2.3q.8-.5.7.4-.2.5-1 1.3-1 .9-.8 1c.1.4.8-.3.8-.3s2-1.8 2.5-1.4-.3.9-1.2 1.4l-.3.2q-1.4.9-1 1 0 .2.9-.3c.7-.5 1.8-1 2-.5q-.2.6-1.4 1-1 .3-1 .7.1.3 1-.2t1.3-.3c.3.7-2.5 1.5-2.5 1.5-1 .2-3.3.7-4-.4'
+          clipRule='evenodd'
+        />
+        <path
+          fill='#32343D'
+          fillRule='evenodd'
+          d='m12.3 7.6.3.2q0 .3.3.3a1 1 0 1 0-1.4-.5q0 .2.4 0zm-5 0-.3.2q0 .3-.3.3A1 1 0 1 1 8 7.6q0 .2-.4 0zm4.2 4.5a3 3 0 0 0 1.1-2.3q0-.6-.9 0-.7.4-1.9.5-1-.1-1.8-.5-1-.6-1 0a3 3 0 0 0 1.3 2.4 2 2 0 0 1 1-1q.2 0 .3.3l.3.3.3-.3q0-.3.3-.3.7.3 1 .9'
+          clipRule='evenodd'
+        />
+        <path
+          fill='#FF323D'
+          d='M11.5 12q-.6.6-1.7.6-.9 0-1.5-.4a2 2 0 0 1 1-1c.2 0 .4.6.6.6s.4-.6.6-.6q.7.3 1 .9'
+        />
+        <path
+          fill='#FFAD03'
+          fillRule='evenodd'
+          d='M5.4 8.4a.7.7 0 1 1-.8-1.1.7.7 0 0 1 .8 1.1m9.9 0a.7.7 0 1 1-.8-1.1.7.7 0 0 1 .8 1.1'
+          clipRule='evenodd'
+        />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-huggingface-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h20v20H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/instagram.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/instagram.generated.tsx
new file mode 100644
index 00000000000..ee17d164aa5
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/instagram.generated.tsx
@@ -0,0 +1,11 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const instagram: ProviderLogoGlyph = {
+  id: 'instagram',
+  viewBox: '0 0 24 24',
+  render: () => (
+    <g fill='currentColor'>
+      <path d='M7 0Q5.2.3 4.1.7 3 1.2 2 2 1 3 .6 4.2.1 5.2.1 7a85 85 0 0 0 .5 12.8Q1.2 21 2 22q1 1 2.2 1.4 1 .5 2.9.5a85 85 0 0 0 12.8-.5Q21 22.8 22 22q1-1 1.4-2.2.5-1 .5-2.9a85 85 0 0 0-.5-12.8Q22.9 3 22 2 21 1 19.8.6q-1-.5-2.9-.5A86 86 0 0 0 7 0m.2 21.7q-1.7-.1-2.3-.4-.8-.3-1.3-1-.6-.4-1-1.3-.2-.5-.4-2.2a85 85 0 0 1 .4-12q.3-.8 1-1.3.4-.7 1.3-1 .5-.2 2.2-.4a84 84 0 0 1 12 .4q.8.4 1.3 1 .6.4 1 1.3.2.5.4 2.2a83 83 0 0 1-.4 12q-.3.8-1 1.3-.4.6-1.3 1-.5.2-2.2.4a85 85 0 0 1-9.7 0M17 5.6A1.4 1.4 0 1 0 18.4 4 1.4 1.4 0 0 0 17 5.6M5.8 12a6.2 6.2 0 1 0 12.4 0 6.2 6.2 0 0 0-12.4 0M8 12a4 4 0 1 1 4 4 4 4 0 0 1-4-4' />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/line.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/line.generated.tsx
new file mode 100644
index 00000000000..0c35272b336
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/line.generated.tsx
@@ -0,0 +1,22 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const line: ProviderLogoGlyph = {
+  id: 'line',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#06C755'
+        d='M15.5 0h-11C2 0 0 2 0 4.5v11C0 18 2 20 4.5 20h11c2.5 0 4.5-2 4.5-4.5v-11C20 2 18 0 15.5 0'
+      />
+      <path
+        fill='#fff'
+        d='M16.7 9c0-3-3-5.4-6.7-5.4S3.3 6.1 3.3 9.1c0 2.6 2.4 4.9 5.6 5.3q.4 0 .6.3V16c-.1.2-.2.7.5.4s3.8-2.3 5.2-4q1.5-1.5 1.5-3.2'
+      />
+      <path
+        fill='#06C755'
+        d='M14.4 10.8h-1.8a.1.1 0 0 1-.2-.1v-3a.1.1 0 0 1 .2 0h1.8a.1.1 0 0 1 .2 0v.5a.1.1 0 0 1-.2.1h-1.2v.5h1.2a.1.1 0 0 1 .2.2v.4a.1.1 0 0 1-.2.2h-1.2v.5h1.2a.1.1 0 0 1 .2 0v.6a.1.1 0 0 1-.2 0m-6.9.1V10H6.1V7.7h-.6v3zm1.1-3.2h-.4l-.2.1v3h.8v-3zm3.3 0h-.5l-.1.1v1.8L9.9 7.7h-.5a.1.1 0 0 0-.2 0v3a.1.1 0 0 0 .2.1h.4a.1.1 0 0 0 .2-.1V8.9l1.3 1.8h.6v-3'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/linear.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/linear.generated.tsx
new file mode 100644
index 00000000000..05e67b63196
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/linear.generated.tsx
@@ -0,0 +1,11 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const linear: ProviderLogoGlyph = {
+  id: 'linear',
+  viewBox: '0 0 100 100',
+  render: () => (
+    <g fill='currentColor'>
+      <path d='M1.2 61.5c-.2-1 1-1.5 1.6-.8l36.5 36.5c.7.7.1 1.8-.8 1.6A50 50 0 0 1 1.2 61.5M0 47q0 .4.3.7l52 52.1q.4.3.8.3a50 50 0 0 0 7-1 1 1 0 0 0 .5-1.6l-58-58a1 1 0 0 0-1.7.5 50 50 0 0 0-.9 7m4.2-17.2q-.2.6.2 1.1l64.8 64.8q.5.5 1 .2l5.3-2.7q.8-.6.2-1.5L8.4 24.3a1 1 0 0 0-1.5.2Q5.4 27 4.2 29.7m8.5-11.6a1 1 0 0 1 0-1.4A50 50 0 0 1 100 50a50 50 0 0 1-16.7 37.4 1 1 0 0 1-1.4 0z' />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/linkedin.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/linkedin.generated.tsx
new file mode 100644
index 00000000000..bdcd7b6f44f
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/linkedin.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const linkedin: ProviderLogoGlyph = {
+  id: 'linkedin',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#0A66C2'
+        d='M17 17h-3v-4.6c0-1.1 0-2.5-1.5-2.5s-1.7 1.2-1.7 2.4V17h-3V7.5h2.8v1.3q1-1.6 2.9-1.5c3 0 3.5 2 3.5 4.5zM4.4 6.2Q3 6 2.7 4.5 3 2.9 4.4 2.8q1.7.1 1.8 1.7Q6 6 4.4 6.2M6 17H3V7.5h3zM18.5 0h-17Q.2.1 0 1.4v17.2q.1 1.3 1.5 1.4h17q1.4-.1 1.5-1.4V1.4Q19.9.1 18.5 0'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/linkedin_oidc.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/linkedin_oidc.generated.tsx
new file mode 100644
index 00000000000..97c1888f962
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/linkedin_oidc.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const linkedinOidc: ProviderLogoGlyph = {
+  id: 'linkedin_oidc',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#0A66C2'
+        d='M17 17h-3v-4.6c0-1.1 0-2.5-1.5-2.5s-1.7 1.2-1.7 2.4V17h-3V7.5h2.8v1.3q1-1.6 2.9-1.5c3 0 3.5 2 3.5 4.5zM4.4 6.2Q3 6 2.7 4.5 3 2.9 4.4 2.8q1.7.1 1.8 1.7Q6 6 4.4 6.2M6 17H3V7.5h3zM18.5 0h-17Q.2.1 0 1.4v17.2q.1 1.3 1.5 1.4h17q1.4-.1 1.5-1.4V1.4Q19.9.1 18.5 0'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/metamask.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/metamask.generated.tsx
new file mode 100644
index 00000000000..5b9cb0a89c8
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/metamask.generated.tsx
@@ -0,0 +1,38 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const metamask: ProviderLogoGlyph = {
+  id: 'metamask',
+  viewBox: '0 -2.55 142 142',
+  render: () => (
+    <>
+      <path
+        fill='#ff5c16'
+        d='M132.7 132.2 102 123l-23 13.8H62.8L40 123l-30.6 9L0 100.9 9.3 66 0 36.5 9.3 0l47.8 28.5h27.8L132.7 0l9.3 36.5-9.3 29.5 9.3 34.8z'
+      />
+      <path
+        fill='#ff5c16'
+        d='m9.3 0 47.8 28.6-2 19.6zM40 100.8l21 16-21 6.3zm19.3-26.5-4-26.1-26 17.8v18.3l10.6-10zM132.7 0 84.9 28.6l2 19.6zM102 100.8l-21 16 21 6.3zM112.7 66 86.8 48.2l-4 26.1H102l10.5 10z'
+      />
+      <path
+        fill='#e34807'
+        d='m39.9 123-30.6 9.2L0 100.8h39.9zm19.3-48.7 5.8 37.9-8-21-27.6-7 10.5-9.9zm43 48.8 30.5 9 9.3-31.3h-40zM82.7 74.3l-5.9 37.9 8.1-21 27.6-6.9-10.5-10z'
+      />
+      <path
+        fill='#ff8d5d'
+        d='M0 100.8 9.3 66h20v18.3L57 91l8 21-4.1 4.7-21-16zm142 0L132.7 66h-20v18.3L85 91l-8 21 4 4.7 21.1-16zM85 28.5H57l-1.8 19.6 9.8 64h12l9.8-64z'
+      />
+      <path
+        fill='#661800'
+        d='M9.3 0 0 36.5 9.3 66h20l25.9-17.8zm44.1 82h-9l-5 4.8L57 91zm79.3-82 9.3 36.5-9.3 29.5h-20L86.8 48.2zM88.6 82h9l5 4.8L85 91zM79 124.3l2.1-7.6-4.2-4.6H65l-4.1 4.6 2 7.6'
+      />
+      <path
+        fill='#c0c4cd'
+        d='M79 124.4v12.5H63v-12.5z'
+      />
+      <path
+        fill='#e7ebf6'
+        d='m39.9 123 23 13.9v-12.5l-2-7.6zm62.2 0-23 13.9v-12.5l2-7.6z'
+      />
+    </>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/microsoft.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/microsoft.generated.tsx
new file mode 100644
index 00000000000..960e40eb9ed
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/microsoft.generated.tsx
@@ -0,0 +1,26 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const microsoft: ProviderLogoGlyph = {
+  id: 'microsoft',
+  viewBox: '0 0 21 21',
+  render: () => (
+    <>
+      <path
+        fill='#f25022'
+        d='M1 1h9v9H1z'
+      />
+      <path
+        fill='#00a4ef'
+        d='M1 11h9v9H1z'
+      />
+      <path
+        fill='#7fba00'
+        d='M11 1h9v9h-9z'
+      />
+      <path
+        fill='#ffb900'
+        d='M11 11h9v9h-9z'
+      />
+    </>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/notion.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/notion.generated.tsx
new file mode 100644
index 00000000000..577acdec0af
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/notion.generated.tsx
@@ -0,0 +1,20 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const notion: ProviderLogoGlyph = {
+  id: 'notion',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#fff'
+        d='m1.9.9 11-.9c1.4 0 1.7 0 2.6.6L19 3.1q.9.5.8 1v13.7q.1 1.2-1.4 1.4L5.6 20q-1.2.2-1.7-.6L1.3 16q-.6-.9-.6-1.6V2.2Q.7 1 1.9 1'
+      />
+      <path
+        fill='#000'
+        fillRule='evenodd'
+        d='M13 0 1.8 1Q.6 1 .7 2.2v12.2q0 .7.6 1.6L4 19.4q.6.7 1.7.6l12.8-.8q1.5-.1 1.4-1.4V4q0-.4-.7-1L15.4.6c-.9-.6-1.2-.7-2.6-.6m-7 4c-1.1 0-1.3 0-2-.4L2.6 2.3q-.3-.3.3-.4l10.6-.8q1.3.1 1.7.5L17 3q.3.1 0 .2zM4.6 17.7V6q0-.8.6-.8L18 4.6q.6 0 .6.7v11.5q.2.9-.8 1l-12 .7q-1.1 0-1-.8m12-11q.1.6-.4.7l-.6.2V16l-1.3.4c-.7 0-.8-.2-1.3-.7l-3.8-6v5.8l1.2.2s0 .7-1 .7l-2.6.2q-.1-.5.2-.6l.7-.2V8.2h-1c0-.4.2-1 .7-1l2.9-.2 4 6.1V7.7h-1q0-.8.6-.8z'
+        clipRule='evenodd'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/okta.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/okta.generated.tsx
new file mode 100644
index 00000000000..5b2eadf1896
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/okta.generated.tsx
@@ -0,0 +1,16 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const okta: ProviderLogoGlyph = {
+  id: 'okta',
+  viewBox: '0 0 24 24',
+  render: () => (
+    <g fill='currentColor'>
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='m13.2.2-.5 6h-1.6l-.3-2.9.2-.1h.5l-.2-3 .1-.2H13q.2 0 .2.2M9.1.5q0-.2-.2-.1L7.3.9v.2L8.4 4H8v.2L9.1 7l1.5-.6zM5.3 2.2l3.5 5q-.6.3-1.2 1L5.6 6q-.1-.1 0-.2l.3-.4-2-2v-.3l1.2-1q.1-.1.2 0M2.3 5h-.2l-.8 1.5v.2L4.2 8l-.3.4.1.3 2.7 1.2.8-1.4zM.4 9q0-.2.3-.1l5.9 1.5q-.3.7-.3 1.6l-3-.3V11l-3-.2-.1-.2zm-.2 4H0l.3 1.6h.2l2.9-.7v.5l.3.2 2.8-.8q-.3-.7-.3-1.6zm1 4.2V17l5.6-2.6q.3.8.8 1.3L5 17.3h-.3l-.2-.4L2 18.6zM7.9 16l-4.3 4.4v.2l1.2 1H5l1.7-2.4.4.3h.2L9 17zM7 23v-.2l2.5-5.5 1.5.5-.8 2.8q0 .2-.2.1l-.5-.1-.8 2.9h-.2zm4.4-5.2-.5 6.1.1.2h1.7l.1-.2-.2-3h.5l.2-.1-.3-3zm5.9-16.4L17 1 15.5.5l-.2.1-.8 3-.4-.3-.2.1-.8 3q.8 0 1.5.4zm3.3 2.4L16.2 8 15 7l1.7-2.4h.2l.4.3L19 2.5h.3l1.2 1zm2.3 3.4L23 7l-.8-1.4H22L19.4 7l-.3-.4h-.2l-2.4 1.7.8 1.3zm.9 2.2L24 11q0 .2-.2.2l-6 .6q0-.8-.3-1.6l2.8-.8q.2 0 .2.2l.1.5 2.9-.8zm-.3 6 .2-.2.3-1.6-.1-.2-3-.3v-.6l-3-.3q0 .8-.3 1.6zM22 18.8h-.3l-5-3.4.8-1.4 2.7 1.2v.3l-.2.4 2.7 1.3v.2zm-6.8-2 3.6 5h.2l1.2-1v-.3l-2-2.2.3-.3q.2 0 0-.2l-2-2zm0 6.7H15l-1.6-6q.8-.1 1.5-.5l1.2 2.6v.3l-.5.1 1.2 2.8v.2z'
+        clipRule='evenodd'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/okx_wallet.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/okx_wallet.generated.tsx
new file mode 100644
index 00000000000..b9d8fe427b1
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/okx_wallet.generated.tsx
@@ -0,0 +1,11 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const okxWallet: ProviderLogoGlyph = {
+  id: 'okx_wallet',
+  viewBox: '0 0 32 32',
+  render: () => (
+    <g fill='currentColor'>
+      <path d='M3 2.9v26.4h26.4V3ZM8.6 9q0-.3.3-.3h4.3q.3 0 .4.3v4.3q0 .3-.4.4H9a.3.3 0 0 1-.3-.4Zm5 14.2q0 .3-.4.4H9a.3.3 0 0 1-.3-.4V19q0-.3.3-.3h4.3q.3 0 .4.3Zm4.6-4.6H14l-.3-.3V14q0-.3.3-.4h4.3q.3 0 .4.4v4.3q0 .3-.4.3m5.4 4.6q0 .3-.4.4H19a.3.3 0 0 1-.3-.4V19q0-.3.3-.3h4.3q.3 0 .4.3Zm0-9.9q0 .3-.4.4H19a.3.3 0 0 1-.3-.4V9q0-.3.3-.3h4.3q.3 0 .4.3Zm0 0' />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/slack.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/slack.generated.tsx
new file mode 100644
index 00000000000..f05c0773121
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/slack.generated.tsx
@@ -0,0 +1,26 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const slack: ProviderLogoGlyph = {
+  id: 'slack',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#E01E5A'
+        d='M4.2 12.6a2.1 2.1 0 0 1-4.2 0c0-1.1 1-2 2.1-2h2.1zm1.1 0a2.1 2.1 0 0 1 4.2 0V18a2.1 2.1 0 0 1-4.2 0z'
+      />
+      <path
+        fill='#36C5F0'
+        d='M7.4 4.2a2.1 2.1 0 0 1 0-4.2c1.1 0 2 1 2 2.1v2.1zm0 1.1a2.1 2.1 0 0 1 0 4.2H2a2.1 2.1 0 0 1 0-4.2z'
+      />
+      <path
+        fill='#2EB67D'
+        d='M15.8 7.4a2.1 2.1 0 0 1 4.2 0c0 1.1-1 2-2.1 2h-2.1zm-1.1 0a2.1 2.1 0 0 1-4.2 0V2a2.1 2.1 0 0 1 4.2 0z'
+      />
+      <path
+        fill='#ECB22E'
+        d='M12.6 15.8a2.1 2.1 0 0 1 0 4.2c-1.1 0-2-1-2-2.1v-2.1zm0-1.1a2.1 2.1 0 0 1 0-4.2H18a2.1 2.1 0 0 1 0 4.2z'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/solana.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/solana.generated.tsx
new file mode 100644
index 00000000000..35ce8d5c5e4
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/solana.generated.tsx
@@ -0,0 +1,49 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const solana: ProviderLogoGlyph = {
+  id: 'solana',
+  viewBox: '0 -1 20 20',
+  render: uid => (
+    <g fill='none'>
+      <path
+        fill={`url(#cl-logo-solana-a-${uid})`}
+        d='m19.9 14.1-3.3 3.5-.6.2H.2l-.2-.2.1-.4 3.3-3.5.6-.2h15.8l.2.2zm-3.3-7L16 7H.2l-.2.2.1.4L3.4 11l.6.3h15.6l.2-.1.2-.2-.1-.4zM.4 4.8H16l.6-.2L19.9 1V.4H4l-.6.2L.1 4.1v.5z'
+      />
+      <defs>
+        <linearGradient
+          id={`cl-logo-solana-a-${uid}`}
+          x1='1.7'
+          x2='17.6'
+          y1='18.2'
+          y2='-.2'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop
+            offset='.1'
+            stopColor='#9945FF'
+          />
+          <stop
+            offset='.3'
+            stopColor='#8752F3'
+          />
+          <stop
+            offset='.5'
+            stopColor='#5497D5'
+          />
+          <stop
+            offset='.6'
+            stopColor='#43B4CA'
+          />
+          <stop
+            offset='.7'
+            stopColor='#28E0B9'
+          />
+          <stop
+            offset='1'
+            stopColor='#19FB9B'
+          />
+        </linearGradient>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/spotify.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/spotify.generated.tsx
new file mode 100644
index 00000000000..5d7e467657b
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/spotify.generated.tsx
@@ -0,0 +1,12 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const spotify: ProviderLogoGlyph = {
+  id: 'spotify',
+  viewBox: '0 -5.4 236.1 236.1',
+  render: () => (
+    <path
+      style={{ fill: 'light-dark(#1ED760, #fff)' }}
+      d='M122.4 3.3a109.4 109.4 0 1 0-8.7 218.6 109.4 109.4 0 0 0 8.7-218.6m46.2 160.3a6.5 6.5 0 0 1-9 2.4 131 131 0 0 0-96.2-13.5 6.5 6.5 0 1 1-3.1-12.7 144 144 0 0 1 105.8 14.9 6.5 6.5 0 0 1 2.5 8.9m14.3-28.7a8.5 8.5 0 0 1-11.5 3.4 161 161 0 0 0-111.7-15.7 8.5 8.5 0 1 1-3.6-16.6 178 178 0 0 1 123.4 17.3 8.5 8.5 0 0 1 3.4 11.6m16-32.4a10.5 10.5 0 0 1-14.1 4.4A195 195 0 0 0 55.5 88.8a10.5 10.5 0 0 1-4.1-20.5 216 216 0 0 1 143 20.1c5.1 2.7 7.1 9 4.5 14.1'
+    />
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/tiktok.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/tiktok.generated.tsx
new file mode 100644
index 00000000000..643da55d3a4
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/tiktok.generated.tsx
@@ -0,0 +1,16 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const tiktok: ProviderLogoGlyph = {
+  id: 'tiktok',
+  viewBox: '10 9 26 26',
+  render: () => (
+    <g fill='currentColor'>
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M25.5 25c0 1.4-1.2 2.5-2.6 2.5 1.4 0 2.6-1 2.6-2.4V12.8h2.3q.4 1.9 2 2.8 1 .6 2.3.7v3q-2.4 0-4.4-1.3v6.2c0 3-2.5 5.6-5.7 5.6q-1.9 0-3.3-1a6 6 0 0 1-2.5-4.6 5.7 5.7 0 0 1 6.6-5.6v3.1H22a2.6 2.6 0 0 0-2.6 2.5q0 1.5 1.4 2.3l1.2.3c1.4 0 2.6-1.1 2.6-2.5V12h3.1l.1.8h-2.3z'
+        clipRule='evenodd'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/twitch.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/twitch.generated.tsx
new file mode 100644
index 00000000000..23bba51d9c3
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/twitch.generated.tsx
@@ -0,0 +1,22 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const twitch: ProviderLogoGlyph = {
+  id: 'twitch',
+  viewBox: '0 0 20 20',
+  render: () => (
+    <g fill='none'>
+      <path
+        fill='#fff'
+        d='M17.1 9.3 14.3 12h-2.9L9 14.6v-2.5H5.7V1.4h11.4z'
+      />
+      <path
+        fill='#9146FF'
+        d='M5 0 1.4 3.6v12.8h4.3V20l3.6-3.6H12l6.5-6.4V0zm12.1 9.3L14.3 12h-2.9L9 14.6v-2.5H5.7V1.4h11.4z'
+      />
+      <path
+        fill='#9146FF'
+        d='M15 4h-1.4v4.2H15zm-4 0H9.7v4.2h1.5z'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/twitter.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/twitter.generated.tsx
new file mode 100644
index 00000000000..56999957ea3
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/twitter.generated.tsx
@@ -0,0 +1,24 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const twitter: ProviderLogoGlyph = {
+  id: 'twitter',
+  viewBox: '0 0 20 20',
+  render: uid => (
+    <g fill='currentColor'>
+      <g clipPath={`url(#cl-logo-twitter-a-${uid})`}>
+        <path
+          fill='currentColor'
+          d='M15.8 1h3l-6.7 7.6L20 19.1h-6.2L9 12.7l-5.5 6.4H.4l7.2-8.3L0 1h6.3l4.4 5.8zm-1.1 16.2h1.7L5.4 2.7H3.6z'
+        />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-twitter-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h20v20H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/vercel.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/vercel.generated.tsx
new file mode 100644
index 00000000000..7250056e620
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/vercel.generated.tsx
@@ -0,0 +1,14 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const vercel: ProviderLogoGlyph = {
+  id: 'vercel',
+  viewBox: '0 -77.5 1155 1155',
+  render: () => (
+    <g fill='currentColor'>
+      <path
+        fill='currentColor'
+        d='m577.3 0 577.4 1000H0z'
+      />
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/whatsapp.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/whatsapp.generated.tsx
new file mode 100644
index 00000000000..c746d622e63
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/whatsapp.generated.tsx
@@ -0,0 +1,25 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const whatsapp: ProviderLogoGlyph = {
+  id: 'whatsapp',
+  viewBox: '-0.5 0 33 33',
+  render: uid => (
+    <g fill='none'>
+      <g
+        fill='#25D366'
+        clipPath={`url(#cl-logo-whatsapp-a-${uid})`}
+      >
+        <path d='M31.3 15.8A15.3 15.3 0 0 0 16 1 15.3 15.3 0 0 0 2.5 23.7L1 31.8a.1.1 0 0 0 .2.2l8-1.8q3.1 1.5 6.7 1.5h.4a15.3 15.3 0 0 0 14.9-16M16.3 29H16q-3 0-5.9-1.4l-.4-.2-5.4 1.3 1-5.5-.3-.4A12.7 12.7 0 0 1 15.6 3.7h.4a12.7 12.7 0 0 1 .3 25.3' />
+        <path d='M10.6 9a1 1 0 0 0-1 .4c-.4.4-1.4 1.3-1.4 3.2 0 1.8 1.2 3.7 1.4 4s2.5 4.3 6.4 6c2.3 1 3.3 1.2 4 1.2h.6c.7-.1 2.3-1 2.7-1.8q.4-1.5.2-1.9l-.7-.4-2.6-1.4h-.4l-.4.2-1.5 1.6h-.7a10 10 0 0 1-3-2q-1.2-1.3-2-2.8c-.3-.4 0-.6.1-.8l.6-.6.4-.7v-.6l-1-3q-.4-.7-1-.6z' />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-whatsapp-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 .5h32v32H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/x.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/x.generated.tsx
new file mode 100644
index 00000000000..a1a11457d7d
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/x.generated.tsx
@@ -0,0 +1,24 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const x: ProviderLogoGlyph = {
+  id: 'x',
+  viewBox: '0 0 20 20',
+  render: uid => (
+    <g fill='currentColor'>
+      <g clipPath={`url(#cl-logo-x-a-${uid})`}>
+        <path
+          fill='currentColor'
+          d='M15.8 1h3l-6.7 7.6L20 19.1h-6.2L9 12.7l-5.5 6.4H.4l7.2-8.3L0 1h6.3l4.4 5.8zm-1.1 16.2h1.7L5.4 2.7H3.6z'
+        />
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-x-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h20v20H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/glyphs/xero.generated.tsx b/packages/mosaic/src/components/provider-logo/glyphs/xero.generated.tsx
new file mode 100644
index 00000000000..b04ca710532
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/glyphs/xero.generated.tsx
@@ -0,0 +1,48 @@
+import type { ProviderLogoGlyph } from '../provider-logo.types';
+
+export const xero: ProviderLogoGlyph = {
+  id: 'xero',
+  viewBox: '0 0 20 20',
+  render: uid => (
+    <g fill='none'>
+      <g clipPath={`url(#cl-logo-xero-a-${uid})`}>
+        <mask
+          id={`cl-logo-xero-b-${uid}`}
+          width='20'
+          height='20'
+          x='0'
+          y='0'
+          maskUnits='userSpaceOnUse'
+          style={{ maskType: 'luminance' }}
+        >
+          <path
+            fill='#fff'
+            d='M20 0H0v20h20z'
+          />
+        </mask>
+        <g mask={`url(#cl-logo-xero-b-${uid})`}>
+          <path
+            fill='#1AB4D7'
+            d='M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20'
+          />
+          <path
+            fill='#fff'
+            d='m4.8 10 1.7-1.7a.3.3 0 0 0-.4-.5L4.4 9.5 2.7 7.8a.3.3 0 1 0-.5.5L4 10l-1.7 1.7a.3.3 0 0 0 .3.5l.2-.1 1.7-1.7L6 12.1a.3.3 0 1 0 .4-.4zM15 10a.6.6 0 1 0 1 0 .6.6 0 0 0-1 0'
+          />
+          <path
+            fill='#fff'
+            d='M13.9 10a1.6 1.6 0 1 1 3.2 0 1.6 1.6 0 0 1-3.2 0m-.7 0a2.2 2.2 0 1 0 4.5 0 2.2 2.2 0 0 0-4.5 0M13 7.8q-.5 0-.8.2l-.3-.2q-.3 0-.3.3v3.8a.3.3 0 0 0 .6 0V9.5q-.2-1 .7-1.1h.2q.3 0 .3-.3t-.3-.3M7.2 9.6a1.6 1.6 0 0 1 3.2 0zm3.8 0a2.2 2.2 0 1 0-4.4 1A2.3 2.3 0 0 0 9.3 12a2 2 0 0 0 1.3-.8v-.5l-.5.1-.1.1-.5.4-.7.2a2 2 0 0 1-1.6-1.4h3.2q.6 0 .6-.7'
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id={`cl-logo-xero-a-${uid}`}>
+          <path
+            fill='#fff'
+            d='M0 0h20v20H0z'
+          />
+        </clipPath>
+      </defs>
+    </g>
+  ),
+};
diff --git a/packages/mosaic/src/components/provider-logo/index.ts b/packages/mosaic/src/components/provider-logo/index.ts
new file mode 100644
index 00000000000..fedfe3d1c85
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/index.ts
@@ -0,0 +1,3 @@
+export { ProviderLogo } from './provider-logo';
+export type { ProviderLogoProps } from './provider-logo';
+export type { ProviderLogoGlyph } from './provider-logo.types';
diff --git a/packages/mosaic/src/components/provider-logo/logos/agentid.svg b/packages/mosaic/src/components/provider-logo/logos/agentid.svg
new file mode 100644
index 00000000000..785c1ef85df
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/agentid.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g transform="translate(0 0.342) scale(0.05698)">
+<path d="M318.029 88.3407C196.474 115.33 153.48 115.321 33.9244 88.3271C30.6216 87.5814 27.1432 88.9727 25.3284 91.8313L1.24109 129.774C-1.76483 134.509 0.965276 140.798 6.46483 141.898C152.613 171.13 197.678 171.182 343.903 141.835C349.304 140.751 352.064 134.641 349.247 129.907L326.719 92.0479C324.95 89.0744 321.407 87.5907 318.029 88.3407Z" fill="black"/>
+<path d="M75.9931 246.6L149.939 311.655C151.973 313.444 151.633 316.969 149.281 318.48L119.141 337.84C117.283 339.034 114.951 338.412 113.933 336.452L70.1276 252.036C68.0779 248.086 72.7553 243.751 75.9931 246.6Z" fill="black"/>
+<path d="M274.025 246.6L200.08 311.655C198.046 313.444 198.385 316.969 200.737 318.48L230.877 337.84C232.736 339.034 235.068 338.412 236.085 336.452L279.891 252.036C281.941 248.086 277.263 243.751 274.025 246.6Z" fill="black"/>
+<path d="M138.75 198.472L152.436 192.983C155.238 191.918 157.77 191.918 158.574 191.918C164.115 192.126 169.564 192.232 175.009 192.235C180.454 192.232 185.904 192.126 191.444 191.918C192.248 191.918 194.78 191.918 197.583 192.983L211.269 198.472C212.645 199.025 214.082 199.382 215.544 199.448C218.585 199.587 221.733 199.464 224.63 198.811C225.706 198.568 226.728 198.103 227.704 197.545L243.046 188.784C244.81 187.777 246.726 187.138 248.697 186.9L258.276 185.5H259.242H263.556L262.713 190.965L256.679 234.22C255.957 238.31 254.25 242.328 250.443 245.834L187.376 299.258C184.555 301.648 181.107 302.942 177.562 302.942H175.009H172.457C168.911 302.942 165.464 301.648 162.643 299.258L99.5761 245.834C95.7684 242.328 94.0614 238.31 93.3393 234.22L87.3059 190.965L86.4624 185.5H90.7771H91.7429L101.322 186.9C103.293 187.138 105.208 187.777 106.972 188.784L122.314 197.545C123.291 198.103 124.313 198.568 125.389 198.811C128.286 199.464 131.434 199.587 134.474 199.448C135.936 199.382 137.373 199.025 138.75 198.472Z" fill="black"/>
+<path d="M102.47 0.847827C205.434 44.796 156.456 42.1015 248.434 1.63153C252.885 -1.09955 258.353 1.88915 259.419 7.69219L269.235 61.1686L270.819 69.7893L263.592 71.8231L263.582 71.8259C190.588 92.3069 165.244 92.0078 86.7576 71.7428L79.1971 69.7905L80.9925 60.8681L91.8401 6.91975C92.9559 1.3706 98.105 -1.55777 102.47 0.847827Z" fill="black"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/apple.svg b/packages/mosaic/src/components/provider-logo/logos/apple.svg
new file mode 100644
index 00000000000..a3cd27f47f7
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/apple.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M17.7635 6.81868C17.6475 6.90869 15.5993 8.06281 15.5993 10.6291C15.5993 13.5974 18.2056 14.6475 18.2836 14.6735C18.2716 14.7375 17.8695 16.1116 16.9094 17.5118C16.0533 18.7439 15.1593 19.974 13.7991 19.974C12.439 19.974 12.089 19.1839 10.5188 19.1839C8.98869 19.1839 8.44464 20 7.20052 20C5.95639 20 5.0883 18.8599 4.0902 17.4597C2.93409 15.8156 2 13.2613 2 10.8371C2 6.9487 4.52825 4.88649 7.0165 4.88649C8.33863 4.88649 9.44074 5.75458 10.2708 5.75458C11.0608 5.75458 12.293 4.83448 13.7971 4.83448C14.3672 4.83448 16.4154 4.88649 17.7635 6.81868ZM13.0831 3.18832C13.7051 2.45025 14.1452 1.42614 14.1452 0.40204C14.1452 0.260026 14.1332 0.116012 14.1072 0C13.0951 0.0380038 11.8909 0.674068 11.1649 1.51615C10.5948 2.16422 10.0628 3.18832 10.0628 4.22642C10.0628 4.38244 10.0888 4.53845 10.1009 4.58846C10.1648 4.60046 10.2688 4.61446 10.3728 4.61446C11.2809 4.61446 12.423 4.0064 13.0831 3.18832Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/atlassian.svg b/packages/mosaic/src/components/provider-logo/logos/atlassian.svg
new file mode 100644
index 00000000000..96ca0684e84
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/atlassian.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="4 2.5 24 24"><path fill="#1868DB" d="M27.545 24.378 16.96 3.208c-.208-.458-.417-.541-.667-.541-.208 0-.458.083-.708.5-1.5 2.375-2.167 5.125-2.167 8 0 4.001 2.042 7.752 5.042 13.795.334.666.584.791 1.167.791h7.335c.541 0 .833-.208.833-.625 0-.208-.042-.333-.25-.75M12.168 14.377c-.834-1.25-1.084-1.334-1.292-1.334s-.333.083-.708.834L4.875 24.46c-.167.334-.208.459-.208.625 0 .334.291.667.916.667h7.46c.5 0 .875-.416 1.083-1.208.25-1 .334-1.876.334-2.917 0-2.917-1.292-5.751-2.292-7.251"/></svg>
diff --git a/packages/mosaic/src/components/provider-logo/logos/base.svg b/packages/mosaic/src/components/provider-logo/logos/base.svg
new file mode 100644
index 00000000000..1c6bcebe16c
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/base.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" id="Layer_1" viewBox="0 0 1280 1280">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: blue;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M0,101.12c0-34.64,0-51.95,6.53-65.28,6.25-12.76,16.56-23.07,29.32-29.32C49.17,0,66.48,0,101.12,0h1077.76c34.63,0,51.96,0,65.28,6.53,12.75,6.25,23.06,16.56,29.32,29.32,6.52,13.32,6.52,30.64,6.52,65.28v1077.76c0,34.63,0,51.96-6.52,65.28-6.26,12.75-16.57,23.06-29.32,29.32-13.32,6.52-30.65,6.52-65.28,6.52H101.12c-34.64,0-51.95,0-65.28-6.52-12.76-6.26-23.07-16.57-29.32-29.32-6.53-13.32-6.53-30.65-6.53-65.28V101.12Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/bitbucket.svg b/packages/mosaic/src/components/provider-logo/logos/bitbucket.svg
new file mode 100644
index 00000000000..52251b0a77f
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/bitbucket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="4 4 24 24"><path fill="#1868DB" d="m25.586 15.819-1.618 9.885c-.106.598-.528.95-1.126.95H9.122c-.598 0-1.02-.352-1.126-.95L5.146 8.08c-.105-.598.212-.985.775-.985h20.123c.562 0 .88.387.773.985l-.773 4.644c-.106.668-.493.95-1.126.95H12.816c-.176 0-.282.105-.246.316l.95 5.84c.035.14.14.246.281.246h4.362c.141 0 .246-.105.282-.246l.668-4.222c.07-.527.422-.738.915-.738h4.75c.703 0 .914.351.808.95"/></svg>
diff --git a/packages/mosaic/src/components/provider-logo/logos/box.svg b/packages/mosaic/src/components/provider-logo/logos/box.svg
new file mode 100644
index 00000000000..817c90e3dba
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/box.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M19.3683 13.9952C19.6064 14.3285 19.5587 14.7571 19.273 14.9952C18.9397 15.2333 18.4635 15.1857 18.2254 14.9L16.5587 12.7571L14.9397 14.8524C14.7016 15.1857 14.2254 15.1857 13.8921 14.9476C13.5587 14.7095 13.5111 14.2809 13.7492 13.9476L15.654 11.4714L13.7492 8.99521C13.5111 8.66188 13.6064 8.18569 13.8921 7.94759C14.2254 7.7095 14.7016 7.80474 14.9397 8.09045L16.5587 10.2333L18.2254 8.18569C18.4635 7.85236 18.8921 7.80474 19.273 8.04283C19.6064 8.28093 19.6064 8.75712 19.3683 9.09045L17.5111 11.519L19.3683 13.9952ZM10.7016 13.7095C9.4635 13.7095 8.4635 12.7571 8.4635 11.519C8.4635 10.3285 9.4635 9.32855 10.7016 9.32855C11.9397 9.32855 12.9397 10.3285 12.9397 11.519C12.8921 12.7571 11.8921 13.7095 10.7016 13.7095ZM4.13017 13.7095C2.89207 13.7095 1.89207 12.7571 1.89207 11.519C1.89207 10.3285 2.89207 9.32855 4.13017 9.32855C5.36826 9.32855 6.36826 10.3285 6.36826 11.519C6.36826 12.7571 5.36826 13.7095 4.13017 13.7095ZM10.7016 7.89998C9.32064 7.89998 8.08255 8.66188 7.4635 9.80474C6.84445 8.66188 5.60636 7.89998 4.17779 7.89998C3.32064 7.89998 2.55874 8.18569 1.93969 8.61426V5.56664C1.93969 5.18569 1.60636 4.85236 1.22541 4.85236C0.796834 4.85236 0.463501 5.18569 0.463501 5.56664V11.5666C0.51112 13.5666 2.13017 15.1381 4.13017 15.1381C5.55874 15.1381 6.79683 14.3285 7.41588 13.1857C8.03493 14.3285 9.27302 15.1381 10.654 15.1381C12.7016 15.1381 14.3683 13.519 14.3683 11.4714C14.4159 9.51902 12.7492 7.89998 10.7016 7.89998Z" fill="#0061D5"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/coinbase.svg b/packages/mosaic/src/components/provider-logo/logos/coinbase.svg
new file mode 100644
index 00000000000..9b5f991b1ac
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/coinbase.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M10.0375 15C7.27498 15 5.03748 12.7625 5.03748 10C5.03748 7.2375 7.27498 5 10.0375 5C12.5125 5 14.5667 6.80417 14.9625 9.16667H20C19.575 4.03333 15.2792 0 10.0375 0C4.51665 0 0.0374756 4.47917 0.0374756 10C0.0374756 15.5208 4.51665 20 10.0375 20C15.2792 20 19.575 15.9667 20 10.8333H14.9625C14.5667 13.1958 12.5125 15 10.0375 15Z" fill="#1652F0"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/coinbase_wallet.svg b/packages/mosaic/src/components/provider-logo/logos/coinbase_wallet.svg
new file mode 100644
index 00000000000..db078a56e82
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/coinbase_wallet.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g clip-path="url(#clip0_132_5)">
+<path d="M10 20C15.5231 20 20 15.5231 20 10C20 4.47688 15.5231 0 10 0C4.47688 0 0 4.47688 0 10C0 15.5231 4.47688 20 10 20Z" fill="#0052FF"/>
+<path clip-rule="evenodd" d="M3 10C3 13.8662 6.13375 17 10 17C13.8656 17 17 13.8662 17 10C17 6.13375 13.8656 3 10 3C6.13375 3 3 6.13375 3 10ZM8.21125 7.74437C8.08743 7.74437 7.96867 7.79356 7.88112 7.88112C7.79356 7.96867 7.74437 8.08743 7.74437 8.21125V11.7887C7.74437 12.0469 7.95312 12.2556 8.21125 12.2556H11.7887C11.9126 12.2556 12.0313 12.2064 12.1189 12.1189C12.2064 12.0313 12.2556 11.9126 12.2556 11.7887V8.21125C12.2556 8.08743 12.2064 7.96867 12.1189 7.88112C12.0313 7.79356 11.9126 7.74437 11.7887 7.74437H8.21125Z" fill="white" fill-rule="evenodd"/>
+</g>
+<defs>
+<clipPath id="clip0_132_5">
+<rect fill="white" height="20" width="20"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/discord.svg b/packages/mosaic/src/components/provider-logo/logos/discord.svg
new file mode 100644
index 00000000000..4d92141a2cb
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/discord.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M16.9419 3.55564C15.6473 2.94991 14.263 2.50969 12.8157 2.25903C12.638 2.58037 12.4304 3.01258 12.2872 3.35641C10.7488 3.12504 9.22445 3.12504 7.7143 3.35641C7.57116 3.01258 7.3588 2.58037 7.17947 2.25903C5.73067 2.50969 4.3448 2.95153 3.05016 3.55885C0.438869 7.50485 -0.269009 11.3529 0.0849304 15.1463C1.81688 16.4396 3.49534 17.2253 5.14548 17.7395C5.55291 17.1787 5.91628 16.5826 6.22931 15.9544C5.63313 15.7279 5.06211 15.4483 4.52256 15.1238C4.6657 15.0177 4.80571 14.9069 4.94098 14.7928C8.23183 16.332 11.8074 16.332 15.0589 14.7928C15.1958 14.9069 15.3358 15.0177 15.4774 15.1238C14.9362 15.4499 14.3637 15.7295 13.7675 15.956C14.0805 16.5826 14.4423 17.1803 14.8513 17.741C16.503 17.2269 18.183 16.4413 19.915 15.1463C20.3303 10.7488 19.2056 6.93608 16.9419 3.55564ZM6.67765 12.8134C5.68977 12.8134 4.87963 11.8911 4.87963 10.7681C4.87963 9.64494 5.67247 8.7211 6.67765 8.7211C7.68285 8.7211 8.49297 9.64332 8.47567 10.7681C8.47723 11.8911 7.68285 12.8134 6.67765 12.8134ZM13.3223 12.8134C12.3344 12.8134 11.5243 11.8911 11.5243 10.7681C11.5243 9.64494 12.3171 8.7211 13.3223 8.7211C14.3275 8.7211 15.1376 9.64332 15.1203 10.7681C15.1203 11.8911 14.3275 12.8134 13.3223 12.8134Z" fill="#5865F2"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/dropbox.svg b/packages/mosaic/src/components/provider-logo/logos/dropbox.svg
new file mode 100644
index 00000000000..a25ef22ed81
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/dropbox.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M10.0129 4.69574L5.00647 7.88952L10.0129 11.0834L5.00647 14.2771L0 11.0661L5.00647 7.87226L0 4.69574L5.00647 1.50195L10.0129 4.69574ZM4.98058 15.3043L9.98705 12.1105L14.9935 15.3043L9.98705 18.4981L4.98058 15.3043ZM10.0129 11.0661L15.0194 7.87226L10.0129 4.69574L14.9935 1.50195L20 4.69574L14.9935 7.88952L20 11.0834L14.9935 14.2771L10.0129 11.0661Z" fill="#0061FF"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/enstall.svg b/packages/mosaic/src/components/provider-logo/logos/enstall.svg
new file mode 100644
index 00000000000..4c9791b4fe4
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/enstall.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 192 192" id="Layer_1" version="1.1" viewBox="0 0 192 192" width="100%" x="0px" y="0px">
+<path d="M135.000000,193.000000   C90.028984,193.000000 45.557972,193.000000 1.043478,193.000000   C1.043478,129.070694 1.043478,65.141357 1.043478,1.106009   C64.887482,1.106009 128.775208,1.106009 192.831451,1.106009   C192.831451,64.999626 192.831451,128.999786 192.831451,193.000000   C173.808304,193.000000 154.654160,193.000000 135.000000,193.000000  M82.034981,84.455307   C81.294991,80.829620 83.586700,76.459488 78.805290,73.826263   C75.304985,71.898590 72.203781,69.246231 68.653633,66.724319   C68.653633,89.587189 68.653633,111.607307 68.653633,133.461426   C73.282372,133.461426 77.509712,133.461426 82.084709,133.461426   C82.084709,121.137947 82.084709,109.222252 82.084709,96.850983   C96.166794,96.850983 109.888741,96.850983 123.799118,96.850983   C123.799118,92.824821 123.799118,89.266823 123.799118,85.099342   C109.932335,85.099342 96.335594,85.099342 82.034981,84.455307  M122.461136,49.781475   C104.549583,49.781475 86.638023,49.781475 68.612213,49.781475   C68.612213,53.939220 68.612213,57.491432 68.612213,61.047272   C88.930916,61.047272 108.930435,61.047272 128.799957,61.047272   C128.799957,57.045116 128.799957,53.491367 128.799957,49.781498   C126.761398,49.781498 125.105026,49.781498 122.461136,49.781475  M121.445557,133.869583   C124.529678,133.869583 127.613792,133.869583 130.661133,133.869583   C130.661133,129.563232 130.661133,125.987885 130.661133,122.019058   C119.777695,122.019058 109.188950,121.996773 98.600708,122.059265   C97.705238,122.064552 96.484451,122.368088 95.974426,122.991158   C93.294006,126.265717 90.793678,129.687698 87.614113,133.869583   C99.341385,133.869583 109.901619,133.869583 121.445557,133.869583  z" fill="#013F32" opacity="1.000000" stroke="none"/>
+<path d="M82.386917,84.777328   C96.335594,85.099342 109.932335,85.099342 123.799118,85.099342   C123.799118,89.266823 123.799118,92.824821 123.799118,96.850983   C109.888741,96.850983 96.166794,96.850983 82.084709,96.850983   C82.084709,109.222252 82.084709,121.137947 82.084709,133.461426   C77.509712,133.461426 73.282372,133.461426 68.653633,133.461426   C68.653633,111.607307 68.653633,89.587189 68.653633,66.724319   C72.203781,69.246231 75.304985,71.898590 78.805290,73.826263   C83.586700,76.459488 81.294991,80.829620 82.386917,84.777328  z" fill="#F3F5F5" opacity="1.000000" stroke="none"/>
+<path d="M122.954895,49.781487   C125.105026,49.781498 126.761398,49.781498 128.799957,49.781498   C128.799957,53.491367 128.799957,57.045116 128.799957,61.047272   C108.930435,61.047272 88.930916,61.047272 68.612213,61.047272   C68.612213,57.491432 68.612213,53.939220 68.612213,49.781475   C86.638023,49.781475 104.549583,49.781475 122.954895,49.781487  z" fill="#FDFDFD" opacity="1.000000" stroke="none"/>
+<path d="M120.953705,133.869583   C109.901619,133.869583 99.341385,133.869583 87.614113,133.869583   C90.793678,129.687698 93.294006,126.265717 95.974426,122.991158   C96.484451,122.368088 97.705238,122.064552 98.600708,122.059265   C109.188950,121.996773 119.777695,122.019058 130.661133,122.019058   C130.661133,125.987885 130.661133,129.563232 130.661133,133.869583   C127.613792,133.869583 124.529678,133.869583 120.953705,133.869583  z" fill="#F4F6F5" opacity="1.000000" stroke="none"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/facebook.svg b/packages/mosaic/src/components/provider-logo/logos/facebook.svg
new file mode 100644
index 00000000000..4168f3eca8d
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/facebook.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M10 20C15.5228 20 20 15.5228 20 9.99998C20 4.47719 15.5228 6.10352e-05 10 6.10352e-05C4.47715 6.10352e-05 0 4.47719 0 9.99998C0 15.5228 4.47715 20 10 20Z" fill="#1977F3"/>
+<path d="M13.8931 12.8905L14.3361 9.99909H11.5629V8.12318C11.5629 7.33286 11.9497 6.56081 13.1928 6.56081H14.4542V4.09984C14.4542 4.09984 13.3095 3.90436 12.2154 3.90436C9.93167 3.90436 8.43817 5.28814 8.43817 7.79552V9.99909H5.89844V12.8905H8.43817V19.8782C8.94725 19.9584 9.469 19.9991 10.0005 19.9991C10.5321 19.9991 11.0538 19.957 11.5629 19.8782V12.8905H13.8931Z" fill="white"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/github.svg b/packages/mosaic/src/components/provider-logo/logos/github.svg
new file mode 100755
index 00000000000..4f46bf35718
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/github.svg
@@ -0,0 +1,10 @@
+<svg width="98" height="96" viewBox="0 0 98 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_730_27126)">
+<path d="M41.4395 69.3848C28.8066 67.8535 19.9062 58.7617 19.9062 46.9902C19.9062 42.2051 21.6289 37.0371 24.5 33.5918C23.2559 30.4336 23.4473 23.7344 24.8828 20.959C28.7109 20.4805 33.8789 22.4902 36.9414 25.2656C40.5781 24.1172 44.4062 23.543 49.0957 23.543C53.7852 23.543 57.6133 24.1172 61.0586 25.1699C64.0254 22.4902 69.2891 20.4805 73.1172 20.959C74.457 23.543 74.6484 30.2422 73.4043 33.4961C76.4668 37.1328 78.0937 42.0137 78.0937 46.9902C78.0937 58.7617 69.1934 67.6621 56.3691 69.2891C59.623 71.3945 61.8242 75.9883 61.8242 81.252L61.8242 91.2051C61.8242 94.0762 64.2168 95.7031 67.0879 94.5547C84.4102 87.9512 98 70.6289 98 49.1914C98 22.1074 75.9883 6.69539e-07 48.9043 4.309e-07C21.8203 1.92261e-07 -1.9479e-07 22.1074 -4.3343e-07 49.1914C-6.20631e-07 70.4375 13.4941 88.0469 31.6777 94.6504C34.2617 95.6074 36.75 93.8848 36.75 91.3008L36.75 83.6445C35.4102 84.2188 33.6875 84.6016 32.1562 84.6016C25.8398 84.6016 22.1074 81.1563 19.4277 74.7441C18.375 72.1602 17.2266 70.6289 15.0254 70.3418C13.877 70.2461 13.4941 69.7676 13.4941 69.1934C13.4941 68.0449 15.4082 67.1836 17.3223 67.1836C20.0977 67.1836 22.4902 68.9063 24.9785 72.4473C26.8926 75.2227 28.9023 76.4668 31.2949 76.4668C33.6875 76.4668 35.2187 75.6055 37.4199 73.4043C39.0469 71.7773 40.291 70.3418 41.4395 69.3848Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_730_27126">
+<rect width="98" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/mosaic/src/components/provider-logo/logos/gitlab.svg b/packages/mosaic/src/components/provider-logo/logos/gitlab.svg
new file mode 100644
index 00000000000..72f0884181a
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/gitlab.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M9.99943 19.2102L13.6839 7.87674H6.32031L9.99943 19.2102Z" fill="#E24329"/>
+<path d="M1.1594 7.87674L0.037381 11.32C-0.0641521 11.6326 0.0454967 11.9778 0.313487 12.1727L9.99935 19.2101L1.1594 7.87674Z" fill="#FCA326"/>
+<path d="M1.15918 7.87731H6.31995L4.0989 1.05173C3.98523 0.702525 3.48982 0.702525 3.37206 1.05173L1.15918 7.87731Z" fill="#E24329"/>
+<path d="M18.8444 7.87674L19.9624 11.32C20.0639 11.6326 19.9543 11.9778 19.6863 12.1727L9.99902 19.2101L18.8444 7.87674Z" fill="#FCA326"/>
+<path d="M18.8444 7.87731H13.6836L15.9006 1.05173C16.0143 0.702525 16.5097 0.702525 16.6274 1.05173L18.8444 7.87731Z" fill="#E24329"/>
+<path d="M9.99902 19.2101L13.6836 7.87674H18.8444L9.99902 19.2101Z" fill="#FC6D26"/>
+<path d="M9.99907 19.2101L1.15918 7.87674H6.31995L9.99907 19.2101Z" fill="#FC6D26"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/google.svg b/packages/mosaic/src/components/provider-logo/logos/google.svg
new file mode 100644
index 00000000000..88ecef44f29
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/google.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g clip-path="url(#clip0_98_45)">
+<path d="M19.9905 10.1871C19.9905 9.36773 19.9224 8.7698 19.7752 8.14972H10.1992V11.848H15.8201C15.7068 12.7671 15.0948 14.1512 13.7349 15.0813L13.7159 15.2051L16.7436 17.497L16.9534 17.5174C18.8798 15.779 19.9905 13.2211 19.9905 10.1871Z" fill="#4285F4"/>
+<path d="M10.1992 19.9313C12.953 19.9313 15.2648 19.0454 16.9534 17.5174L13.7349 15.0813C12.8737 15.6682 11.7177 16.0779 10.1992 16.0779C7.50211 16.0779 5.21297 14.3395 4.39695 11.9366L4.27734 11.9466L1.12906 14.3273L1.08789 14.4391C2.76508 17.6945 6.21016 19.9313 10.1992 19.9313Z" fill="#34A853"/>
+<path d="M4.39695 11.9366C4.18164 11.3166 4.05703 10.6521 4.05703 9.96565C4.05703 9.27908 4.18164 8.61473 4.38562 7.99466L4.37992 7.8626L1.19219 5.44366L1.08789 5.49214C0.396641 6.84305 0 8.36008 0 9.96565C0 11.5712 0.396641 13.0882 1.08789 14.4391L4.39695 11.9366Z" fill="#FBBC05"/>
+<path d="M10.1992 3.85336C12.1144 3.85336 13.4062 4.66168 14.1429 5.33718L17.0213 2.59107C15.2535 0.985496 12.953 0 10.1992 0C6.21016 0 2.76508 2.23672 1.08789 5.49214L4.38563 7.99466C5.21297 5.59183 7.50211 3.85336 10.1992 3.85336Z" fill="#EB4335"/>
+</g>
+<defs>
+<clipPath id="clip0_98_45">
+<rect fill="white" height="20" width="20"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/hubspot.svg b/packages/mosaic/src/components/provider-logo/logos/hubspot.svg
new file mode 100644
index 00000000000..e432dccb5d0
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/hubspot.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M14.2065 7.19239V5.23601C14.7338 4.98862 15.0724 4.46127 15.0756 3.87859V3.83302C15.0756 2.99968 14.3986 2.32586 13.5685 2.32586H13.5229C12.6896 2.32586 12.0157 2.99968 12.0157 3.83302V3.87859C12.019 4.46127 12.3575 4.98862 12.8849 5.23601V7.19239C12.1394 7.30632 11.4395 7.61557 10.8536 8.08757L5.48576 3.90463C5.52482 3.76791 5.54435 3.62468 5.54761 3.48145C5.54761 2.54396 4.78914 1.78224 3.85164 1.78224C2.91414 1.77898 2.15243 2.53745 2.14917 3.47494C2.14917 4.4157 2.90763 5.17742 3.84513 5.17742C4.14136 5.17742 4.42781 5.09604 4.68172 4.94955L9.96818 9.06414C8.99813 10.5322 9.02417 12.4431 10.0333 13.8851L8.42521 15.4932C8.29826 15.4509 8.16154 15.4313 8.02482 15.4281C7.25659 15.4281 6.63159 16.0531 6.63159 16.8246C6.63159 17.5928 7.25659 18.2178 8.02482 18.2178C8.7963 18.2178 9.4213 17.5928 9.4213 16.8246C9.41805 16.6879 9.39526 16.5511 9.3562 16.4209L10.9447 14.8324C12.3673 15.9261 14.3172 16.0205 15.8374 15.0668C17.3575 14.1162 18.1258 12.3194 17.7612 10.5615C17.3966 8.80697 15.9773 7.46257 14.2065 7.19239ZM13.5457 13.6312C12.7449 13.6507 11.9962 13.2373 11.5925 12.5472C11.1856 11.8571 11.1856 11.0042 11.5925 10.3141C11.9962 9.62403 12.7449 9.21062 13.5457 9.23015C14.7306 9.27247 15.6681 10.2458 15.6681 11.4307C15.6713 12.6123 14.7338 13.5856 13.5489 13.628" fill="#FF7A59"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/huggingface.svg b/packages/mosaic/src/components/provider-logo/logos/huggingface.svg
new file mode 100644
index 00000000000..5f79ef338eb
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/huggingface.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g clip-path="url(#clip0_98_50)">
+<path d="M19.9308 14.3654C19.8786 14.1686 19.7941 13.9818 19.6808 13.8126C19.7051 13.7236 19.7236 13.6331 19.7359 13.5416C19.8164 12.9613 19.6152 12.43 19.2362 12.019C19.0308 11.7945 18.8106 11.6462 18.5775 11.5552C18.7305 10.9004 18.8079 10.2302 18.8083 9.55786C18.8083 9.25071 18.7909 8.94987 18.7618 8.65349C18.7469 8.50531 18.7279 8.35702 18.7067 8.21068C18.64 7.77622 18.541 7.34749 18.4105 6.92791C18.3236 6.65051 18.2262 6.37939 18.1139 6.11469C17.946 5.72064 17.75 5.33918 17.5273 4.97326C17.3813 4.72984 17.2222 4.49445 17.0508 4.2681C16.9661 4.15373 16.8793 4.04144 16.7882 3.9335C16.5185 3.60563 16.2253 3.29775 15.9111 3.01228C15.8074 2.91675 15.6993 2.82374 15.5892 2.73438C15.4812 2.64337 15.369 2.55653 15.2567 2.47177C15.0302 2.30234 14.793 2.14351 14.5515 1.99527C13.2133 1.18252 11.644 0.716431 9.96674 0.716431C5.08318 0.716431 1.12513 4.6747 1.12513 9.55815C1.125 10.2391 1.20389 10.9177 1.36023 11.5803C1.1505 11.6714 0.949366 11.8134 0.763003 12.0188C0.383926 12.4296 0.182716 12.959 0.263215 13.5393C0.275392 13.6314 0.293784 13.7227 0.318274 13.8125C0.20503 13.9817 0.120578 14.1685 0.0683457 14.3654C-0.0481118 14.8083 -0.00981372 15.2077 0.138251 15.5577C-0.0226704 16.0151 0.0175406 16.5022 0.22718 16.9256C0.379673 17.2349 0.597828 17.4742 0.866779 17.688C1.18653 17.9423 1.5868 18.1582 2.06964 18.3655C2.64568 18.6111 3.34876 18.842 3.66852 18.9266C4.49449 19.1405 5.28647 19.276 6.08918 19.2826C7.23275 19.2932 8.2176 19.0243 8.92267 18.3361C9.26904 18.3786 9.61775 18.3998 9.96674 18.3996C10.3354 18.3989 10.7038 18.3757 11.0697 18.3302C11.7731 19.0228 12.7617 19.2941 13.9095 19.2832C14.712 19.2768 15.504 19.1413 16.3279 18.9271C16.6498 18.8425 17.3526 18.6116 17.9289 18.3659C18.4117 18.1584 18.812 17.9425 19.1339 17.6886C19.4008 17.4747 19.6188 17.2355 19.7714 16.9262C19.9832 16.5026 20.0212 16.0155 19.8625 15.5582C20.0091 15.2082 20.0473 14.8079 19.9308 14.3654ZM19.1113 15.5281C19.2735 15.836 19.2839 16.1839 19.1408 16.508C18.9237 16.9991 18.3843 17.3859 17.3369 17.8013C16.6855 18.0596 16.0891 18.2247 16.0838 18.2262C15.2223 18.4496 14.4432 18.5632 13.7687 18.5632C12.6518 18.5632 11.8207 18.2549 11.2936 17.6463C10.4024 17.7982 9.49219 17.8033 8.59922 17.6616C8.07145 18.2602 7.24509 18.5632 6.13754 18.5632C5.46304 18.5632 4.6839 18.4496 3.8224 18.2262C3.81711 18.2247 3.22092 18.0596 2.56934 17.8013C1.52192 17.3859 0.982459 16.9993 0.76543 16.508C0.62223 16.1839 0.63265 15.836 0.794872 15.5281C0.809895 15.4994 0.825965 15.4715 0.843153 15.4445C0.745922 15.2985 0.680716 15.1335 0.651799 14.9605C0.622881 14.7873 0.630912 14.6101 0.675376 14.4404C0.739814 14.1953 0.873032 13.9916 1.05384 13.8453C0.966767 13.7022 0.909631 13.5429 0.885879 13.377C0.833773 13.0164 0.953444 12.6563 1.22283 12.3626C1.43247 12.1341 1.72896 12.0084 2.05722 12.0084H2.06591C1.81844 11.2152 1.69297 10.3889 1.69379 9.55786C1.69379 5.0257 5.36789 1.35134 9.90052 1.35134C14.4331 1.35134 18.1071 5.02536 18.1071 9.55786C18.1078 10.391 17.9815 11.2195 17.7324 12.0146C17.772 12.0107 17.8109 12.0088 17.849 12.0087C18.1772 12.0087 18.4738 12.1344 18.6833 12.3629C18.9526 12.6563 19.0724 13.0167 19.0203 13.3773C18.9966 13.5432 18.9394 13.7024 18.8524 13.8456C19.0332 13.9919 19.1664 14.1956 19.2308 14.4406C19.2753 14.6104 19.2833 14.7876 19.2544 14.9607C19.2255 15.1337 19.1603 15.2988 19.063 15.4448C19.0802 15.4715 19.0965 15.4994 19.1113 15.5281Z" fill="white"/>
+<path d="M19.063 15.4448C19.1603 15.2988 19.2255 15.1338 19.2544 14.9607C19.2834 14.7876 19.2753 14.6104 19.2308 14.4406C19.1664 14.1956 19.0331 13.9919 18.8524 13.8456C18.9394 13.7025 18.9966 13.5432 19.0203 13.3773C19.0725 13.0166 18.9527 12.6566 18.6834 12.3629C18.4738 12.1344 18.1773 12.0087 17.849 12.0087C17.8109 12.0087 17.772 12.0107 17.7324 12.0146C17.9812 11.2195 18.1073 10.3911 18.1065 9.55805C18.1065 5.02582 14.4324 1.35144 9.90025 1.35144C5.36804 1.35144 1.69354 5.02547 1.69354 9.55805C1.69272 10.389 1.8182 11.2153 2.06566 12.0086H2.05697C1.72871 12.0086 1.43223 12.1342 1.22259 12.3627C0.953376 12.6561 0.83353 13.0165 0.885636 13.3771C0.909378 13.543 0.966514 13.7023 1.05359 13.8455C0.872779 13.9917 0.739562 14.1954 0.675123 14.4404C0.630678 14.6103 0.622667 14.7875 0.651633 14.9607C0.6806 15.1338 0.745864 15.2988 0.843172 15.4448C0.8258 15.4718 0.809904 15.4997 0.794882 15.5283C0.632659 15.8363 0.62224 16.1842 0.76544 16.5083C0.982546 16.9993 1.52193 17.3862 2.56935 17.8015C3.22067 18.0599 3.81712 18.225 3.82242 18.2265C4.68391 18.4499 5.46306 18.5635 6.13756 18.5635C7.24512 18.5635 8.07148 18.2605 8.59925 17.6619C9.49222 17.8036 10.4023 17.7983 11.2936 17.6466C11.8207 18.2552 12.6518 18.5635 13.7687 18.5635C14.4432 18.5635 15.2224 18.4499 16.0838 18.2265C16.0891 18.225 16.6853 18.0599 17.3369 17.8015C18.3844 17.3862 18.9238 16.9993 19.1408 16.5083C19.284 16.1842 19.2736 15.8363 19.1113 15.5283C19.0965 15.4995 19.0802 15.4715 19.063 15.4448ZM8.22161 16.7248C8.17839 16.8007 8.12984 16.8781 8.07576 16.9573C7.93932 17.157 7.75987 17.3097 7.55158 17.4231C7.15339 17.6402 6.6495 17.7161 6.13756 17.7161C5.3288 17.7161 4.4997 17.5268 4.03501 17.4063C4.01216 17.4004 1.18654 16.6023 1.54435 15.9229C1.60443 15.8086 1.70362 15.763 1.82832 15.763C2.33201 15.763 3.24916 16.513 3.64334 16.513C3.7314 16.513 3.79349 16.4755 3.81886 16.3841C3.98681 15.7816 1.26566 15.5283 1.49484 14.6559C1.5353 14.5015 1.64499 14.4388 1.79923 14.4388C2.46514 14.4387 3.95971 15.6099 4.27234 15.6099C4.29632 15.6099 4.31352 15.6028 4.32281 15.5881C4.3242 15.5858 4.32559 15.5837 4.32689 15.5814C4.47356 15.3391 4.38941 15.1629 3.3842 14.5473C3.35294 14.5281 3.32078 14.5086 3.28772 14.4885C2.18159 13.819 1.40521 13.4161 1.84682 12.9355C1.89762 12.88 1.96961 12.8554 2.05707 12.8554C2.16084 12.8554 2.28642 12.8901 2.42468 12.9484C3.00887 13.1947 3.81851 13.8666 4.15676 14.1596C4.25646 14.2465 4.31525 14.2995 4.31525 14.2995C4.31525 14.2995 4.74347 14.7449 5.00243 14.7449C5.06204 14.7449 5.11256 14.7214 5.14685 14.6633C5.33055 14.3537 3.44143 12.9222 3.33496 12.3315C3.26271 11.9313 3.38559 11.7285 3.61286 11.7285C3.7209 11.7285 3.85281 11.7745 3.99828 11.8669C4.44986 12.1535 5.32167 13.6516 5.64081 14.2345C5.74782 14.4298 5.93052 14.5123 6.0951 14.5123C6.42166 14.5123 6.67694 14.1877 6.12499 13.7752C5.29546 13.1544 5.58655 12.1399 5.98247 12.0774C5.99933 12.0747 6.01638 12.0733 6.03342 12.0733C6.39351 12.0733 6.55232 12.6938 6.55232 12.6938C6.55232 12.6938 7.0178 13.8627 7.81746 14.6619C8.54302 15.3872 8.6444 15.9823 8.22161 16.7248ZM10.8074 16.8617L10.7659 16.8667C10.7423 16.8694 10.7188 16.8721 10.6952 16.8747C10.6581 16.8786 10.6208 16.8823 10.5834 16.8857L10.547 16.889L10.5137 16.8918L10.4665 16.8956C10.4491 16.897 10.4317 16.8982 10.4143 16.8994L10.3623 16.9028L10.3507 16.9036C10.3371 16.9044 10.3235 16.9052 10.3097 16.9059L10.2924 16.9069C10.2762 16.9078 10.2601 16.9085 10.2438 16.9092L10.1874 16.9116L10.1362 16.9134L10.102 16.9144H10.0847C10.074 16.9144 10.0634 16.9149 10.0527 16.915C10.0471 16.915 10.0414 16.915 10.0358 16.915C10.0251 16.915 10.0145 16.915 10.0039 16.9155L9.96036 16.9161C9.94016 16.9161 9.92006 16.9161 9.89967 16.9161C9.85199 16.9161 9.80441 16.9156 9.75702 16.9147L9.71857 16.9138C9.7076 16.9138 9.69662 16.9133 9.68585 16.9129L9.64506 16.9117L9.59447 16.9098L9.54883 16.9078L9.53708 16.9073L9.49368 16.905C9.48154 16.9044 9.46959 16.9038 9.45755 16.9029L9.42949 16.9013C9.39414 16.899 9.35889 16.8966 9.32374 16.8939L9.28684 16.8909C9.27131 16.8897 9.25577 16.8882 9.24033 16.8869C9.22217 16.8853 9.20401 16.8836 9.18585 16.8818C9.15536 16.879 9.12497 16.8759 9.09467 16.8726H9.09322C9.53698 15.8826 9.31258 14.9579 8.41581 14.0619C7.82765 13.4745 7.43642 12.6071 7.35524 12.4167C7.19098 11.853 6.75609 11.2264 6.03395 11.2264C5.97289 11.2264 5.91192 11.2312 5.85161 11.2407C5.53522 11.2906 5.25863 11.4726 5.06133 11.7467C4.84811 11.4815 4.64091 11.2706 4.45341 11.1516C4.17092 10.9724 3.88894 10.8815 3.61416 10.8815C3.2713 10.8815 2.96484 11.0223 2.7512 11.2777L2.74582 11.2842C2.74173 11.2674 2.73783 11.2506 2.73383 11.2337L2.73331 11.2315C2.72133 11.1798 2.70975 11.1277 2.69858 11.0753C2.68023 10.9879 2.66346 10.8999 2.64829 10.8112C2.6425 10.7765 2.63671 10.7414 2.63093 10.706C2.63093 10.7048 2.63093 10.7036 2.6304 10.7025C2.62832 10.6892 2.62632 10.6758 2.62432 10.6625C2.62311 10.6546 2.6219 10.6465 2.62076 10.6387C2.61877 10.6251 2.61677 10.6114 2.61486 10.5977C2.61234 10.5798 2.60983 10.5619 2.60748 10.544C2.60513 10.526 2.6027 10.5081 2.60044 10.4901C2.59818 10.4721 2.59602 10.4542 2.59384 10.4362C2.59167 10.4182 2.58985 10.4019 2.58794 10.3848L2.58741 10.3806C2.58354 10.345 2.57983 10.3095 2.57629 10.2736C2.57299 10.2394 2.56993 10.205 2.56709 10.1706C2.56631 10.162 2.56561 10.1527 2.56492 10.1437C2.56371 10.1286 2.56258 10.1132 2.56145 10.0979C2.5605 10.0853 2.55962 10.0727 2.55885 10.0601C2.55885 10.0571 2.55841 10.0542 2.55823 10.0514C2.55711 10.0346 2.55598 10.0176 2.55502 10.0007C2.55389 9.98231 2.55293 9.96406 2.55198 9.9457C2.55103 9.92735 2.55008 9.90909 2.54929 9.89064C2.5486 9.87462 2.5479 9.8586 2.54729 9.84248L2.54678 9.82791C2.54625 9.81315 2.54573 9.79829 2.5453 9.78353L2.54425 9.74576C2.54425 9.73071 2.54356 9.71565 2.5433 9.7006C2.54304 9.68555 2.54269 9.66904 2.54252 9.65312C2.54235 9.63719 2.54252 9.62146 2.54208 9.60563C2.54165 9.5897 2.54208 9.57388 2.54208 9.55805C2.54208 5.49381 5.83693 2.19885 9.90142 2.19885C13.9658 2.19885 17.2606 5.49362 17.2606 9.55805C17.2606 9.57388 17.2606 9.5897 17.2606 9.60563C17.2606 9.62146 17.2606 9.63729 17.2606 9.65312C17.2606 9.66895 17.2601 9.68487 17.2598 9.7006C17.2598 9.71371 17.2592 9.72663 17.2588 9.73993C17.2588 9.75158 17.2584 9.76333 17.258 9.7746C17.258 9.78946 17.2571 9.80431 17.2566 9.81917V9.82034C17.2559 9.83772 17.2552 9.85491 17.2546 9.8719C17.2539 9.88695 17.2533 9.9021 17.2525 9.91715L17.252 9.92783C17.2513 9.94386 17.2503 9.95988 17.2494 9.976C17.2487 9.98882 17.2481 10.0014 17.2472 10.0142C17.2425 10.0913 17.2367 10.1682 17.2298 10.2448C17.2285 10.2582 17.2273 10.2717 17.226 10.2852C17.226 10.2856 17.226 10.286 17.226 10.2865C17.2244 10.3034 17.2227 10.3202 17.2209 10.3371C17.2194 10.3504 17.2181 10.3638 17.2165 10.3771C17.2137 10.4031 17.2108 10.4292 17.2079 10.4551L17.2029 10.4947C17.2009 10.5101 17.1988 10.5256 17.1968 10.5412C17.1946 10.5581 17.1923 10.5751 17.1898 10.5919C17.1873 10.6108 17.1845 10.6296 17.1816 10.6485L17.1749 10.693C17.1723 10.7099 17.1696 10.7266 17.167 10.7435C17.1643 10.7603 17.1614 10.777 17.1582 10.7937C17.155 10.8105 17.1525 10.8272 17.1496 10.844C17.1438 10.8774 17.1377 10.9108 17.1312 10.9441C17.125 10.9759 17.1187 11.0078 17.1123 11.0395C17.1086 11.0575 17.1049 11.0755 17.1011 11.0933C17.0976 11.1098 17.0941 11.1261 17.0905 11.1426C17.087 11.159 17.0832 11.1755 17.0795 11.1919C16.8724 10.9906 16.598 10.8809 16.2956 10.8809C16.021 10.8809 15.7388 10.9717 15.4563 11.1509C15.2689 11.27 15.0618 11.4809 14.8484 11.746C14.6508 11.4719 14.3743 11.2899 14.0581 11.2401C13.9978 11.2305 13.9368 11.2257 13.8757 11.2257C13.1534 11.2257 12.7188 11.8523 12.5544 12.416C12.4728 12.6065 12.0815 13.4738 11.4929 14.0621C10.5967 14.9553 10.3706 15.8758 10.8074 16.8617ZM18.405 14.8799C18.404 14.8827 18.403 14.8854 18.4021 14.8885C18.4 14.8941 18.3979 14.8996 18.3956 14.9051C18.3922 14.9133 18.3886 14.9213 18.3847 14.9295C18.382 14.9349 18.3793 14.9403 18.3765 14.9455C18.3693 14.9589 18.3615 14.9721 18.3528 14.9851C18.3423 15.0008 18.331 15.0163 18.3185 15.0316C18.3125 15.0391 18.3061 15.0467 18.2995 15.0542C18.295 15.0592 18.2908 15.0643 18.2857 15.0692C18.2788 15.0766 18.2716 15.084 18.2644 15.0913C18.1337 15.2208 17.9344 15.3344 17.7091 15.4386C17.6836 15.4502 17.6576 15.4617 17.6315 15.4734L17.6055 15.4849C17.5881 15.4926 17.5707 15.5002 17.5525 15.5077C17.5351 15.5152 17.517 15.5228 17.499 15.5302L17.4448 15.5525C17.3181 15.6047 17.1882 15.6544 17.0616 15.7034L17.0074 15.7245L16.9539 15.7455C16.9183 15.7594 16.8831 15.7733 16.8486 15.7871L16.797 15.8079L16.7463 15.8286L16.7215 15.8391C16.7049 15.846 16.6886 15.8529 16.6724 15.8598C16.2998 16.0197 16.0317 16.1824 16.088 16.3842C16.0896 16.3899 16.0914 16.3953 16.0933 16.4007C16.0983 16.4156 16.1052 16.4297 16.1139 16.443C16.1189 16.4509 16.1248 16.4583 16.1313 16.4651C16.1975 16.534 16.318 16.5231 16.47 16.4684C16.4822 16.464 16.4948 16.4592 16.5076 16.4543C16.5163 16.451 16.525 16.4475 16.5337 16.4439L16.5469 16.4384C16.5816 16.4237 16.6184 16.4072 16.656 16.3893C16.6654 16.3848 16.6749 16.3806 16.6845 16.3756C16.8703 16.2847 17.0809 16.1624 17.2899 16.051C17.322 16.0336 17.3541 16.0169 17.386 16.0004C17.4393 15.9729 17.4922 15.9466 17.5441 15.9223C17.742 15.8292 17.9281 15.7632 18.0776 15.7632C18.1478 15.7632 18.2098 15.7775 18.2614 15.8105L18.2701 15.8163C18.2756 15.8202 18.2812 15.8242 18.2864 15.8286C18.3058 15.8446 18.323 15.863 18.3375 15.8835C18.3417 15.8895 18.3461 15.8959 18.35 15.9024C18.354 15.9089 18.3579 15.9158 18.3617 15.9229C18.4356 16.0632 18.3737 16.2085 18.2289 16.3509C18.09 16.4878 17.8738 16.6219 17.6281 16.746C17.6099 16.7552 17.5916 16.7644 17.5731 16.7735C16.8419 17.1326 15.8843 17.403 15.871 17.4064C15.6158 17.4725 15.2509 17.5594 14.8398 17.6243L14.779 17.6338L14.769 17.6353C14.747 17.6386 14.725 17.6418 14.7029 17.6449C14.6789 17.6483 14.6548 17.6516 14.6306 17.6548C14.5837 17.6611 14.5363 17.6669 14.4886 17.6722L14.4799 17.6732C14.3095 17.6925 14.1348 17.7066 13.9596 17.7126H13.9571C13.8942 17.7148 13.8313 17.716 13.7684 17.716C13.7583 17.716 13.7483 17.716 13.7382 17.716H13.7296C13.7184 17.716 13.7071 17.716 13.6959 17.716C13.6594 17.7155 13.623 17.7145 13.5866 17.7132C13.5269 17.711 13.4675 17.7076 13.4085 17.703C13.4063 17.703 13.4039 17.703 13.4017 17.7024C13.3792 17.7006 13.3568 17.6987 13.3346 17.6965C13.3226 17.6954 13.3109 17.6941 13.299 17.6928C13.2635 17.689 13.228 17.6847 13.193 17.68C13.1697 17.6768 13.1463 17.6734 13.1235 17.6696C13.1007 17.6659 13.0765 17.6619 13.0531 17.6578C13.0425 17.6559 13.0318 17.6538 13.0212 17.6518L13.0188 17.6513C12.9849 17.6448 12.9514 17.6378 12.9182 17.6301C12.8987 17.6257 12.8794 17.6214 12.8603 17.6162L12.8487 17.6133C12.8392 17.6109 12.83 17.6084 12.8206 17.6059L12.8154 17.6045L12.7855 17.5958C12.7746 17.5928 12.7638 17.5895 12.7529 17.5863L12.7491 17.5852L12.7208 17.5765C12.7102 17.5732 12.6995 17.5697 12.6889 17.5663C12.6803 17.5634 12.6716 17.5604 12.6629 17.5576L12.6437 17.5509C12.6253 17.5444 12.6069 17.5377 12.5888 17.5307L12.5715 17.5239L12.5572 17.5183C12.5295 17.5071 12.5022 17.4956 12.4752 17.4835L12.4572 17.4748L12.4542 17.4734C12.4478 17.4704 12.4415 17.4674 12.4351 17.4648C12.4225 17.4588 12.4101 17.4525 12.3978 17.4462L12.394 17.4444L12.3761 17.435C12.3557 17.4242 12.3356 17.4131 12.3159 17.4016C12.3048 17.3951 12.2937 17.3886 12.2828 17.3819L12.2661 17.3716C12.2575 17.3664 12.2495 17.3612 12.2413 17.3557L12.2195 17.3414C12.2116 17.336 12.2039 17.3307 12.1961 17.3252L12.1821 17.3152C12.1674 17.3047 12.1529 17.2939 12.1387 17.2827C12.1311 17.2769 12.1236 17.2709 12.1161 17.2653C12.1071 17.258 12.0981 17.2507 12.0893 17.2432C12.0818 17.2371 12.0745 17.2306 12.0672 17.2242L12.0667 17.2238C12.0588 17.2169 12.0511 17.21 12.0434 17.2029C12.0359 17.196 12.0283 17.189 12.0209 17.1819L12.02 17.181C12.0124 17.1736 12.0047 17.1662 11.9972 17.1585C11.9897 17.1509 11.9821 17.1433 11.9748 17.1356C11.9675 17.1279 11.96 17.12 11.9528 17.112C11.9457 17.104 11.9391 17.0967 11.9323 17.0889L11.93 17.0862C11.9234 17.0787 11.9169 17.071 11.9105 17.0631C11.8966 17.0465 11.8831 17.0295 11.8701 17.0122C11.857 16.9947 11.8442 16.9768 11.8317 16.9586C11.8277 16.9526 11.8236 16.9467 11.8197 16.9408C11.8117 16.9289 11.8038 16.9172 11.7961 16.9054C11.7884 16.8937 11.7808 16.8819 11.7732 16.8701C11.7656 16.8585 11.7583 16.847 11.7511 16.8354C11.7473 16.8296 11.7437 16.8239 11.7403 16.818C11.7334 16.8071 11.7268 16.796 11.7202 16.7851C11.7193 16.7837 11.7184 16.7821 11.7175 16.7807C11.7112 16.77 11.7049 16.7595 11.6989 16.7489C11.6954 16.7432 11.6922 16.7375 11.689 16.7315C11.6858 16.7255 11.6821 16.7194 11.6787 16.7133C11.6768 16.7101 11.675 16.7068 11.6732 16.7036C11.6714 16.7004 11.6709 16.6995 11.6698 16.6974C11.6633 16.6858 11.6569 16.674 11.6507 16.6622C11.6477 16.6569 11.6449 16.6517 11.6419 16.6466L11.6333 16.6298L11.6245 16.6132C11.6189 16.6021 11.6134 16.5907 11.6079 16.5795C11.6051 16.574 11.6024 16.5685 11.5999 16.5629C11.5942 16.5511 11.5887 16.5392 11.5834 16.5276C11.5811 16.5228 11.579 16.5181 11.5771 16.5133C11.572 16.5022 11.5672 16.4914 11.5626 16.4804C11.5603 16.4749 11.5579 16.4694 11.5557 16.464C11.5512 16.453 11.547 16.4421 11.5426 16.4314C11.5404 16.4261 11.5383 16.421 11.5365 16.4157C11.528 16.3938 11.5202 16.372 11.5129 16.3503C11.5109 16.3449 11.5091 16.3395 11.5074 16.3342C11.5042 16.3244 11.5011 16.3148 11.4982 16.3051C11.4929 16.2881 11.488 16.2711 11.4835 16.2543C11.482 16.249 11.4806 16.2437 11.4793 16.2384C11.4751 16.2226 11.4713 16.2067 11.4678 16.1909C11.4654 16.1804 11.4632 16.1699 11.4611 16.1595C11.46 16.1541 11.459 16.1488 11.4581 16.1436C11.4561 16.133 11.4542 16.1226 11.4526 16.1123C11.4499 16.0966 11.4477 16.081 11.4458 16.0654C11.445 16.0602 11.4444 16.0551 11.4438 16.0499C11.4433 16.0448 11.4428 16.0395 11.4422 16.0342C11.44 16.0134 11.4384 15.9928 11.4374 15.9722C11.4374 15.967 11.4369 15.9617 11.4367 15.9567C11.4363 15.9463 11.4361 15.9361 11.436 15.9258C11.4305 15.5109 11.6405 15.1119 12.0894 14.6632C12.889 13.8643 13.3546 12.6952 13.3546 12.6952C13.3546 12.6952 13.3671 12.6462 13.3931 12.5756C13.3967 12.5658 13.4005 12.5557 13.4048 12.5451C13.4096 12.5325 13.415 12.5194 13.4207 12.5059C13.4283 12.4879 13.4366 12.4692 13.4456 12.4503C13.4489 12.4431 13.4523 12.436 13.4559 12.4289C13.4572 12.4264 13.4585 12.424 13.4597 12.4216C13.462 12.4168 13.4645 12.4119 13.467 12.4071C13.4809 12.3805 13.496 12.3536 13.5125 12.3273C13.517 12.3202 13.5213 12.3132 13.5262 12.3061C13.5358 12.2919 13.5457 12.278 13.5558 12.2645C13.5608 12.2577 13.566 12.2511 13.5714 12.2445C13.58 12.2338 13.5895 12.2231 13.5989 12.2127C13.6027 12.2086 13.6063 12.2045 13.6103 12.2006C13.6566 12.1528 13.7096 12.1137 13.7695 12.093L13.7771 12.0904C13.7821 12.0888 13.7872 12.0872 13.7923 12.0858C13.7982 12.0842 13.8041 12.0829 13.8103 12.0816L13.8131 12.081C13.8257 12.0785 13.8385 12.0768 13.8514 12.076H13.8525C13.8592 12.076 13.866 12.0753 13.8729 12.0753C13.8815 12.0753 13.8896 12.0753 13.898 12.0762C13.9068 12.0769 13.9154 12.0779 13.9242 12.0793C13.9962 12.0907 14.0648 12.1336 14.1238 12.1999C14.1265 12.2029 14.1293 12.206 14.1318 12.2091C14.1455 12.2251 14.1581 12.2419 14.1698 12.2592C14.1748 12.2663 14.1796 12.2736 14.1841 12.2811C14.1958 12.2997 14.2067 12.3194 14.2171 12.3402C14.2213 12.3488 14.2253 12.3568 14.2292 12.3653C14.2312 12.3697 14.2332 12.374 14.235 12.3785C14.2388 12.3872 14.2425 12.3958 14.2461 12.4051C14.2496 12.4137 14.2531 12.4232 14.2564 12.4324C14.2717 12.4759 14.284 12.5203 14.2931 12.5655C14.2952 12.5759 14.2971 12.5863 14.299 12.5968C14.3053 12.6347 14.3097 12.6729 14.312 12.7112C14.3128 12.7224 14.3133 12.7337 14.3136 12.7449C14.3143 12.7714 14.3143 12.7983 14.3136 12.8254C14.3132 12.8358 14.3127 12.8461 14.3119 12.8565C14.3051 12.9548 14.2858 13.0517 14.2545 13.145C14.2491 13.1612 14.2433 13.1775 14.2371 13.1937C14.2331 13.2045 14.2285 13.2153 14.2241 13.2262C14.2155 13.2477 14.2054 13.2696 14.1948 13.2908C14.1869 13.3068 14.1787 13.3229 14.1697 13.3389C14.1639 13.3496 14.1578 13.3603 14.1517 13.371C14.1361 13.3976 14.1192 13.424 14.101 13.4503L14.09 13.4661C14.0751 13.4868 14.0592 13.5075 14.0426 13.5281C14.0127 13.565 13.9808 13.6004 13.9471 13.6339C13.8956 13.6854 13.8405 13.7331 13.7821 13.7766C13.7294 13.8156 13.6796 13.8583 13.6331 13.9046C13.628 13.9097 13.623 13.9149 13.6181 13.92C13.4721 14.0732 13.4382 14.2084 13.471 14.3108C13.4725 14.3156 13.4742 14.3201 13.4759 14.3246C13.4786 14.3315 13.4816 14.3381 13.4846 14.3446C13.4867 14.349 13.489 14.3532 13.4915 14.3573C13.5013 14.3742 13.5129 14.3898 13.5261 14.4039C13.5278 14.4058 13.5295 14.4075 13.5313 14.4093L13.5365 14.4145C13.5418 14.4196 13.5473 14.4245 13.5532 14.4294L13.5591 14.434C13.5629 14.437 13.567 14.4401 13.5711 14.4428C13.5816 14.4502 13.5925 14.457 13.6037 14.4632C13.6083 14.4656 13.6124 14.468 13.6175 14.4704C13.6344 14.4786 13.6518 14.4857 13.6697 14.4914C13.6746 14.4931 13.6796 14.4945 13.6846 14.4961L13.6909 14.4977L13.6997 14.5001L13.7071 14.5019L13.7153 14.5037L13.7234 14.5053L13.731 14.5066C13.7367 14.5075 13.7425 14.5085 13.7483 14.5092L13.7538 14.5101L13.7639 14.511L13.7702 14.5117L13.7804 14.5124H13.7864L13.7971 14.513H13.8018H13.8117H13.8163H13.8307L13.8403 14.5124L13.8513 14.5117L13.8648 14.5105L13.8775 14.509C13.8804 14.509 13.8833 14.5082 13.8862 14.5076C13.8926 14.5068 13.8991 14.5057 13.9055 14.5044C13.9215 14.5014 13.9372 14.4976 13.9527 14.4931C13.9685 14.4885 13.9842 14.4831 13.9995 14.477C14.0046 14.4748 14.0098 14.4727 14.015 14.4705C14.0236 14.4667 14.0323 14.4627 14.0403 14.4584C14.0471 14.4551 14.0538 14.4514 14.0604 14.4476C14.0703 14.442 14.0802 14.4361 14.0899 14.4296C14.1122 14.415 14.1331 14.3987 14.1528 14.3807C14.1574 14.3765 14.162 14.3721 14.1664 14.3678C14.1687 14.3657 14.1708 14.3636 14.173 14.3613C14.1772 14.3569 14.1816 14.3527 14.1859 14.3479C14.1943 14.3387 14.2027 14.3291 14.2107 14.3189C14.2315 14.2927 14.25 14.2649 14.266 14.2355C14.3956 13.9988 14.6163 13.6108 14.8633 13.2146C14.8728 13.1993 14.8823 13.1841 14.8918 13.1688C14.9013 13.1537 14.911 13.1383 14.9207 13.1231C14.935 13.0999 14.9496 13.077 14.9641 13.0543L14.9786 13.0316C14.9883 13.0164 14.9981 13.0011 15.008 12.9861C15.0471 12.9253 15.0865 12.8653 15.1261 12.8059L15.1557 12.7616C15.2152 12.6736 15.2744 12.5879 15.3332 12.5065L15.3624 12.4662C15.4058 12.4063 15.4493 12.3488 15.4919 12.2946C15.5155 12.2646 15.5388 12.2357 15.5618 12.2078L15.5892 12.175C15.5938 12.1696 15.598 12.1641 15.6029 12.1589C15.6119 12.1482 15.621 12.1378 15.6298 12.1277C15.6343 12.1226 15.6385 12.1175 15.6432 12.1125C15.6521 12.1025 15.6608 12.0927 15.6692 12.0831C15.6735 12.0784 15.678 12.0736 15.6822 12.0689C15.6954 12.0548 15.7082 12.0413 15.7208 12.0284C15.7295 12.0196 15.7376 12.011 15.7459 12.0028C15.7952 11.9525 15.8495 11.9074 15.908 11.8682L15.9216 11.8595C15.9261 11.8566 15.9303 11.8539 15.9352 11.8509C15.9438 11.8454 15.9526 11.8403 15.9619 11.8352C16.1915 11.7049 16.3815 11.6953 16.4909 11.8047C16.5572 11.871 16.5939 11.9808 16.5918 12.1336C16.5918 12.1403 16.5918 12.1471 16.5913 12.1541C16.5913 12.1566 16.5913 12.1591 16.5913 12.1616C16.5913 12.1686 16.5908 12.1756 16.5902 12.1827C16.5902 12.1914 16.5892 12.2001 16.5883 12.2088C16.5875 12.2174 16.587 12.2241 16.5861 12.2318C16.5861 12.234 16.5857 12.2362 16.5853 12.2385C16.5847 12.2452 16.5839 12.2521 16.5829 12.259C16.5829 12.261 16.5829 12.2632 16.5821 12.2653C16.5812 12.2724 16.5803 12.2797 16.5791 12.2869C16.5789 12.2889 16.5786 12.2909 16.5781 12.2928C16.5771 12.3015 16.5756 12.3097 16.5741 12.3182C16.5733 12.3231 16.5724 12.3279 16.5715 12.3327C16.569 12.3465 16.5658 12.3601 16.5618 12.3735C16.5576 12.3876 16.5527 12.402 16.547 12.417C16.5431 12.4268 16.5389 12.4368 16.5343 12.4471C16.5299 12.4573 16.5249 12.4676 16.5197 12.4781C16.5093 12.4991 16.4974 12.5207 16.4844 12.543C16.4779 12.554 16.4711 12.5653 16.464 12.5766C16.4604 12.5823 16.4569 12.588 16.4532 12.594C16.4421 12.6114 16.4304 12.629 16.4184 12.6468C16.4064 12.6645 16.3934 12.6826 16.3797 12.701C16.3617 12.7255 16.3427 12.7504 16.3228 12.7757L16.3076 12.7949C16.2822 12.8266 16.2555 12.859 16.2275 12.8922C16.2107 12.912 16.1935 12.9319 16.1759 12.9521C16.1643 12.9655 16.1524 12.9789 16.1404 12.9925L16.1222 13.0129C16.0978 13.0401 16.0729 13.0676 16.0475 13.0952L16.0283 13.116C16.0156 13.1299 16.0023 13.1438 15.9895 13.1577C15.9768 13.1716 15.9635 13.1857 15.9501 13.1998L15.9102 13.2418C15.8968 13.2559 15.8833 13.2701 15.8697 13.2842C15.8561 13.2983 15.8426 13.3124 15.8289 13.3265C15.8015 13.3549 15.774 13.3832 15.7463 13.4116C15.3526 13.8155 14.9377 14.218 14.7973 14.4689C14.788 14.4852 14.7795 14.502 14.7719 14.5193C14.7519 14.5649 14.7435 14.604 14.7493 14.6355C14.7511 14.6459 14.7547 14.6558 14.76 14.665C14.7642 14.6719 14.7688 14.6787 14.7736 14.6852C14.7783 14.6913 14.7834 14.6971 14.7887 14.7025C14.7938 14.7076 14.7993 14.7122 14.805 14.7165C14.8339 14.7371 14.8688 14.7477 14.9043 14.7467H14.9154L14.9268 14.7458L14.9381 14.7446L14.9476 14.7432C14.9488 14.743 14.9501 14.7428 14.9514 14.7424L14.9601 14.7408L14.9623 14.7403L14.9719 14.7383L14.9753 14.7374C14.9785 14.7366 14.982 14.7357 14.9854 14.7347C14.9888 14.7337 14.9935 14.7324 14.9976 14.7311C15.0055 14.7287 15.0136 14.726 15.0217 14.723C15.0299 14.7201 15.0391 14.7165 15.0478 14.7128C15.0565 14.7092 15.0651 14.7055 15.0732 14.7015C15.0776 14.6995 15.0819 14.6975 15.086 14.6954L15.099 14.6889C15.1158 14.6803 15.1327 14.6711 15.1496 14.6611C15.1631 14.6532 15.1765 14.645 15.1899 14.6364L15.2028 14.6277C15.2072 14.6249 15.2116 14.6221 15.2158 14.619L15.2287 14.6104L15.2356 14.6056C15.2418 14.6013 15.2481 14.5969 15.2542 14.5925C15.2716 14.5806 15.2878 14.5682 15.3042 14.5557L15.3057 14.5545C15.3144 14.5478 15.3231 14.5411 15.3318 14.5343C15.3674 14.5062 15.4012 14.4778 15.4319 14.4511L15.4523 14.4333L15.4542 14.4315L15.4648 14.4221C15.4899 14.3996 15.5122 14.3786 15.5308 14.3613L15.5384 14.3538C15.5451 14.3475 15.5513 14.3416 15.5568 14.3365L15.5677 14.3258L15.5716 14.322L15.5726 14.3209C15.5772 14.3162 15.5813 14.3122 15.584 14.3095C15.588 14.3053 15.5904 14.3028 15.5912 14.3021L15.592 14.3014L15.5954 14.2983C15.5966 14.2971 15.5981 14.2958 15.5997 14.2944L15.6011 14.2931L15.6047 14.2898L15.6245 14.2724L15.6355 14.2625C15.6409 14.2579 15.6469 14.2525 15.6529 14.2468L15.6661 14.2351C15.6686 14.2331 15.6709 14.231 15.6733 14.2288L15.6872 14.2167L15.7076 14.1987L15.7185 14.1893C15.7607 14.1526 15.8121 14.1082 15.8711 14.0582L15.8953 14.0377L15.9352 14.0042C15.9486 13.9931 15.9622 13.9817 15.9761 13.9701C16.0295 13.9258 16.087 13.8787 16.1478 13.8298L16.1877 13.7978C16.2217 13.7707 16.2565 13.7431 16.2919 13.7153C16.3061 13.7042 16.3206 13.693 16.3354 13.6819C16.357 13.6651 16.3789 13.6482 16.4011 13.6313C16.4153 13.6204 16.4298 13.6095 16.4444 13.5985C16.5277 13.5356 16.6137 13.4726 16.7007 13.4112L16.738 13.3852C16.7641 13.3672 16.7901 13.3491 16.8161 13.3316L16.8397 13.3156C16.8644 13.299 16.889 13.2828 16.9134 13.2667C16.9361 13.2519 16.9585 13.2375 16.981 13.2233L17.0046 13.2084L17.028 13.1939C17.0515 13.1793 17.0748 13.165 17.098 13.1511L17.1212 13.1373L17.1677 13.1103C17.1829 13.1014 17.1981 13.0927 17.2132 13.0841L17.2224 13.0791C17.2345 13.0724 17.2465 13.0658 17.2584 13.0593C17.2735 13.0511 17.2885 13.0433 17.3034 13.0356L17.3256 13.0241L17.3473 13.0132C17.3549 13.0097 17.3624 13.0059 17.3697 13.0023C17.4131 12.9809 17.4565 12.9615 17.4979 12.9445C17.5048 12.9417 17.5118 12.9388 17.5187 12.9359C17.5324 12.93 17.546 12.9248 17.5595 12.9202C17.573 12.9156 17.5863 12.9109 17.5993 12.9062C17.6112 12.9023 17.6229 12.8985 17.6341 12.8951L17.6379 12.8939C17.644 12.892 17.65 12.8902 17.6559 12.8887L17.6576 12.8882C17.6701 12.8846 17.6824 12.8815 17.6945 12.8786H17.6954C17.7136 12.8743 17.7313 12.8705 17.7486 12.8677C17.7545 12.8666 17.7603 12.8656 17.766 12.8649C17.7776 12.8631 17.7888 12.8618 17.8 12.8608C17.8056 12.8602 17.8111 12.8597 17.8166 12.8595C17.8276 12.8587 17.8383 12.8584 17.8487 12.8584C17.8515 12.8584 17.8542 12.8584 17.8569 12.8584C17.8678 12.8584 17.8783 12.859 17.8887 12.8601C17.8934 12.8601 17.8982 12.8611 17.9028 12.8617H17.9048C17.9094 12.8622 17.9141 12.8629 17.9188 12.864C17.9233 12.8649 17.928 12.8656 17.9325 12.8667H17.9339C17.9385 12.8677 17.9426 12.8688 17.9473 12.8702C17.952 12.8715 17.9564 12.8727 17.9609 12.8744C17.9763 12.8796 17.9912 12.8863 18.0053 12.8944C18.0094 12.8967 18.0132 12.8991 18.017 12.9018C18.0208 12.9042 18.0246 12.9068 18.0283 12.9096C18.0346 12.9144 18.0408 12.9195 18.0466 12.9251L18.0493 12.9276C18.051 12.9292 18.0527 12.9308 18.0542 12.9325L18.059 12.9376C18.098 12.9785 18.1303 13.0254 18.1545 13.0765C18.1558 13.0794 18.1571 13.0823 18.1582 13.0852C18.1607 13.0909 18.163 13.0966 18.165 13.1026C18.1701 13.1165 18.1743 13.1307 18.1776 13.1452C18.1903 13.2026 18.1868 13.2624 18.1677 13.318C18.1661 13.3231 18.1642 13.3281 18.1623 13.3331C18.1552 13.3521 18.1469 13.3704 18.1373 13.3882C18.1348 13.3929 18.1322 13.3978 18.1294 13.4026C18.0992 13.4534 18.0634 13.5007 18.0227 13.5436L18.014 13.5528C18.0011 13.5664 17.9877 13.58 17.9736 13.5936C17.9674 13.5997 17.9609 13.6057 17.9544 13.6118C17.9479 13.6179 17.9412 13.624 17.9345 13.6302L17.9241 13.6394C17.9172 13.6455 17.9102 13.6516 17.9031 13.6578C17.8889 13.6701 17.8741 13.6824 17.8588 13.6949C17.8549 13.6981 17.851 13.7012 17.8472 13.7044C17.8318 13.7169 17.8157 13.7294 17.7993 13.742C17.7704 13.7643 17.7403 13.7866 17.7091 13.8092C17.6821 13.8287 17.6542 13.8482 17.6254 13.868C17.5906 13.8918 17.5547 13.9159 17.5176 13.9401C17.4516 13.9835 17.3819 14.0278 17.3085 14.0734C17.2883 14.086 17.2679 14.0986 17.2471 14.1113C17.056 14.2288 16.8442 14.3545 16.6184 14.4911L16.56 14.5266C16.496 14.5656 16.4356 14.6029 16.3787 14.6384L16.35 14.6564L16.2959 14.6912C16.2745 14.7049 16.2536 14.7183 16.2333 14.7314C16.218 14.7412 16.203 14.7509 16.1883 14.7606L16.1594 14.7796C16.1451 14.789 16.1311 14.7983 16.1174 14.8074L16.1037 14.8162C16.0894 14.8257 16.0754 14.8351 16.0617 14.8444L16.0395 14.8597L16.0135 14.8777L15.9893 14.8945C15.9488 14.9232 15.9111 14.9505 15.8765 14.9764L15.8634 14.9863C15.8488 14.9974 15.8346 15.0084 15.8209 15.0192C15.8148 15.024 15.8089 15.0287 15.8029 15.0335C15.7729 15.0577 15.7456 15.0808 15.721 15.103L15.709 15.114C15.7021 15.1203 15.6953 15.1266 15.6888 15.1328C15.6843 15.1372 15.6801 15.1416 15.6755 15.1457L15.6692 15.152C15.6652 15.1559 15.6612 15.16 15.6573 15.164C15.6471 15.1746 15.6376 15.1849 15.6286 15.1949L15.6222 15.2023C15.608 15.2188 15.5955 15.2346 15.5847 15.25L15.5798 15.2569C15.5713 15.2694 15.5635 15.2821 15.5563 15.2954C15.5545 15.2987 15.5528 15.302 15.5512 15.3053C15.5495 15.3086 15.548 15.3119 15.5464 15.3152C15.5449 15.3185 15.5443 15.3199 15.5432 15.3224L15.5412 15.3272L15.5395 15.3316C15.5387 15.3335 15.538 15.3355 15.5373 15.3375C15.5365 15.3396 15.5352 15.3431 15.5344 15.3462C15.5313 15.3557 15.5287 15.3654 15.5268 15.3752C15.5263 15.3773 15.5259 15.3797 15.5256 15.3818C15.5252 15.3839 15.5248 15.3862 15.5246 15.3883C15.5244 15.3905 15.5241 15.3924 15.5239 15.3943L15.5233 15.4C15.5233 15.4023 15.5233 15.4045 15.5233 15.4069C15.5233 15.4091 15.5233 15.4091 15.5233 15.4102C15.5233 15.4128 15.5233 15.4153 15.5233 15.4179C15.5233 15.4206 15.5233 15.4245 15.5233 15.4278C15.5233 15.4287 15.5233 15.4296 15.5233 15.4306C15.5233 15.4331 15.5233 15.4356 15.524 15.4383C15.5241 15.4399 15.5243 15.4414 15.5245 15.443C15.5245 15.4455 15.525 15.4479 15.5254 15.4507C15.5258 15.4532 15.5265 15.4577 15.5273 15.4613C15.5273 15.4613 15.5273 15.4613 15.5273 15.4618C15.5279 15.4652 15.5286 15.4685 15.5295 15.4719C15.5304 15.4753 15.5313 15.4792 15.5323 15.4827C15.5342 15.4896 15.5365 15.4964 15.5389 15.5032C15.5405 15.5073 15.5419 15.5113 15.5436 15.5152C15.5436 15.516 15.5442 15.5169 15.5446 15.5177C15.5456 15.5202 15.5468 15.5229 15.548 15.5255C15.5492 15.5281 15.5513 15.5327 15.5529 15.5363C15.5563 15.5435 15.56 15.5508 15.564 15.5581C15.5659 15.5617 15.568 15.5653 15.5701 15.5689L15.5765 15.58C15.5786 15.5837 15.5809 15.5874 15.5831 15.5911C15.5844 15.5929 15.5856 15.5947 15.5871 15.5963L15.5892 15.5986L15.5917 15.6008L15.5942 15.6027C15.596 15.604 15.5979 15.6052 15.5998 15.6061C15.6017 15.6071 15.6038 15.608 15.606 15.6088C15.6083 15.6096 15.6106 15.6102 15.6129 15.6108C15.6689 15.6234 15.7841 15.5771 15.9371 15.4963C15.9458 15.4916 15.9553 15.4868 15.9645 15.4817L16.0111 15.4563L16.0339 15.4437C16.0501 15.435 16.0666 15.4252 16.0835 15.4156C16.0937 15.4099 16.1039 15.404 16.1143 15.3982C16.3165 15.2818 16.5581 15.1322 16.8079 14.9862C16.8313 14.9725 16.8548 14.9588 16.8783 14.9453L16.9255 14.9151C16.949 14.9016 16.9726 14.8882 16.9961 14.8749C17.0275 14.8571 17.0591 14.8396 17.0906 14.8222C17.1612 14.7833 17.2317 14.7458 17.3011 14.7105L17.3473 14.6871C17.378 14.6719 17.4084 14.6572 17.4384 14.6428C17.4685 14.6285 17.4983 14.6148 17.5278 14.6017C17.5571 14.5887 17.5861 14.5762 17.6146 14.5643L17.6472 14.551L17.651 14.5495C17.8234 14.4812 17.9796 14.4391 18.1061 14.4391C18.1335 14.4388 18.1607 14.4411 18.1876 14.4458H18.1885C18.1972 14.4473 18.205 14.4491 18.2131 14.451H18.2145C18.2211 14.4527 18.2277 14.4546 18.234 14.4568C18.239 14.4584 18.2439 14.4601 18.2486 14.4619C18.2534 14.4637 18.2561 14.4648 18.2598 14.4665C18.2647 14.4687 18.2696 14.4709 18.2744 14.4734C18.2791 14.4758 18.2856 14.4794 18.291 14.4827C18.3113 14.4949 18.3295 14.5101 18.3453 14.5276C18.3523 14.5354 18.3587 14.5437 18.3646 14.5523C18.3666 14.5551 18.3685 14.5579 18.3702 14.561C18.3739 14.5667 18.3773 14.5725 18.3806 14.5783C18.3848 14.5859 18.3886 14.5938 18.3921 14.602C18.3956 14.6104 18.3989 14.6188 18.4021 14.6282C18.4053 14.6374 18.408 14.6464 18.4108 14.656C18.4313 14.7295 18.4292 14.8075 18.405 14.8799Z" fill="#FF9D00"/>
+<path clip-rule="evenodd" d="M17.2594 9.60564V9.55796C17.2594 5.49364 13.9658 2.19885 9.90128 2.19885C5.83688 2.19885 2.54204 5.49383 2.54204 9.55796C2.54204 9.5633 2.54199 9.56864 2.54194 9.57389C2.54184 9.58447 2.54175 9.59505 2.54204 9.60564C2.54232 9.61574 2.54235 9.62584 2.54238 9.63594C2.54239 9.64167 2.54241 9.6474 2.54247 9.65313C2.5426 9.66468 2.54281 9.67663 2.54303 9.68808C2.54311 9.69236 2.54318 9.69653 2.54325 9.70061C2.54335 9.70644 2.54351 9.71217 2.54368 9.71799C2.54394 9.72722 2.5442 9.73654 2.5442 9.74577L2.54525 9.78354C2.54569 9.7983 2.5462 9.81316 2.54673 9.82792L2.54725 9.84249C2.54784 9.85783 2.54849 9.87317 2.54916 9.88842L2.54924 9.89065C2.55001 9.90862 2.55094 9.92648 2.55187 9.94435L2.55194 9.94571C2.55289 9.96397 2.55385 9.98232 2.55498 10.0007C2.55593 10.0176 2.55706 10.0345 2.55819 10.0514C2.55825 10.0523 2.55835 10.0534 2.55845 10.0544C2.55862 10.0562 2.5588 10.0582 2.5588 10.06C2.55958 10.0727 2.56045 10.0854 2.5614 10.0979L2.56168 10.1018C2.56272 10.1157 2.56376 10.1297 2.56488 10.1437L2.56509 10.1464C2.56571 10.1546 2.56634 10.1627 2.56705 10.1706C2.56989 10.205 2.57296 10.2394 2.57626 10.2737C2.57978 10.3094 2.58349 10.345 2.58737 10.3805L2.58789 10.3848C2.5898 10.4019 2.59163 10.4182 2.59379 10.4362C2.59597 10.4542 2.59814 10.4721 2.6004 10.4901C2.60193 10.5023 2.60354 10.5145 2.60516 10.5267C2.60591 10.5324 2.60668 10.5382 2.60743 10.5439C2.60978 10.5619 2.61229 10.5798 2.61481 10.5977C2.61672 10.6113 2.61872 10.6251 2.62072 10.6387C2.62185 10.6466 2.62306 10.6546 2.62428 10.6625L2.62467 10.6651C2.62655 10.6775 2.62841 10.69 2.63035 10.7024C2.63088 10.7036 2.63088 10.7048 2.63088 10.706C2.63667 10.7414 2.64245 10.7765 2.64825 10.8112C2.66342 10.8998 2.68018 10.9878 2.69853 11.0753C2.7097 11.1277 2.72128 11.1799 2.73327 11.2316L2.73379 11.2338C2.73482 11.2381 2.73586 11.2425 2.73689 11.2469C2.73982 11.2594 2.74275 11.2718 2.74577 11.2842L2.75115 11.2777C2.96479 11.0223 3.27126 10.8815 3.61412 10.8815C3.88889 10.8815 4.17087 10.9724 4.45338 11.1516C4.64087 11.2707 4.84807 11.4815 5.06128 11.7467C5.25859 11.4726 5.53517 11.2905 5.85153 11.2407C5.91188 11.2312 5.97284 11.2265 6.0339 11.2264C6.756 11.2264 7.19093 11.853 7.3552 12.4167C7.43638 12.6072 7.82761 13.4745 8.41762 14.0612C9.31448 14.9573 9.53889 15.8818 9.09502 16.8718H9.09658C9.12678 16.8752 9.15717 16.8783 9.18776 16.8812C9.20592 16.8829 9.22398 16.8847 9.24224 16.8862L9.24864 16.8868C9.26195 16.888 9.27535 16.8891 9.28875 16.8902L9.32565 16.8931C9.3608 16.8958 9.39605 16.8984 9.43139 16.9006L9.45946 16.9022C9.46684 16.9027 9.47422 16.9031 9.48169 16.9036C9.48626 16.9038 9.49092 16.9041 9.49548 16.9044L9.53889 16.9066L9.55074 16.9071L9.59628 16.9091L9.64697 16.9111L9.68765 16.9122C9.68998 16.9123 9.69222 16.9123 9.69445 16.9124C9.70309 16.9128 9.71174 16.9131 9.72038 16.9131C9.72348 16.9132 9.72659 16.9133 9.7297 16.9134C9.73931 16.9137 9.74912 16.914 9.75883 16.914C9.80632 16.915 9.8538 16.9153 9.90148 16.9153H9.96227L10.0057 16.9149C10.0164 16.9144 10.0269 16.9144 10.0377 16.9144H10.0546C10.0595 16.9143 10.0643 16.9142 10.0693 16.914C10.075 16.9138 10.0807 16.9136 10.0866 16.9136H10.1039L10.138 16.9127L10.1893 16.911L10.2457 16.9085C10.262 16.9079 10.2781 16.907 10.2943 16.9062L10.3116 16.9052C10.3203 16.9048 10.3288 16.9043 10.3375 16.9038C10.3425 16.9035 10.3476 16.9031 10.3526 16.9029L10.3641 16.9021L10.4162 16.8987C10.4335 16.8976 10.4509 16.8962 10.4683 16.895L10.5156 16.8912L10.5488 16.8884L10.5853 16.885C10.6227 16.8816 10.6599 16.8779 10.6971 16.874C10.7207 16.8715 10.7442 16.8687 10.7678 16.8659L10.8093 16.861C10.3724 15.8751 10.5986 14.9545 11.4917 14.0621C12.0804 13.4738 12.4716 12.6065 12.5532 12.4159C12.7176 11.8523 13.1522 11.2257 13.8745 11.2257C13.9356 11.2257 13.9967 11.2305 14.057 11.2401C14.373 11.2898 14.6496 11.472 14.8472 11.746C15.0605 11.4809 15.2677 11.2699 15.4552 11.1508C15.7377 10.9718 16.0198 10.8809 16.2944 10.8809C16.5969 10.8809 16.8712 10.9906 17.0783 11.1919C17.0821 11.1755 17.0858 11.159 17.0894 11.1426C17.0929 11.1262 17.0964 11.1097 17.0999 11.0934C17.1037 11.0755 17.1075 11.0575 17.1111 11.0395C17.1175 11.0078 17.1239 10.976 17.13 10.944C17.1364 10.9108 17.1426 10.8774 17.1484 10.844C17.1495 10.8379 17.1504 10.8319 17.1514 10.8259C17.1532 10.8152 17.155 10.8045 17.157 10.7938C17.1603 10.7771 17.1631 10.7604 17.1658 10.7435L17.1668 10.737C17.1692 10.7224 17.1715 10.7077 17.1737 10.6931L17.1805 10.6485V10.6481C17.1834 10.6294 17.1861 10.6106 17.1887 10.5919C17.1907 10.5778 17.1927 10.5635 17.1945 10.5493L17.1956 10.5412L17.2017 10.4948L17.2067 10.4551C17.2096 10.4292 17.2125 10.4032 17.2154 10.3771C17.2166 10.3666 17.2177 10.3561 17.2188 10.3457L17.2197 10.3372C17.2215 10.3203 17.2233 10.3034 17.2248 10.2865C17.2248 10.2861 17.2248 10.2856 17.2248 10.2851C17.2261 10.2717 17.2274 10.2582 17.2286 10.2447C17.2355 10.1682 17.2413 10.0913 17.246 10.0141C17.2469 10.0015 17.2475 9.98873 17.2483 9.97601V9.97543C17.2492 9.9595 17.2501 9.94367 17.2508 9.92775L17.2514 9.91706C17.2521 9.90211 17.2528 9.88696 17.2534 9.87191C17.254 9.85492 17.2547 9.83773 17.2554 9.82035V9.81918C17.2555 9.815 17.2557 9.81083 17.2559 9.80656C17.2564 9.79597 17.2568 9.78529 17.2568 9.77461L17.257 9.77033C17.2573 9.76033 17.2577 9.75004 17.2577 9.73984C17.2578 9.73693 17.2579 9.73402 17.258 9.7311C17.2583 9.72091 17.2586 9.71081 17.2586 9.70061C17.2587 9.69779 17.2587 9.69488 17.2588 9.69197C17.2591 9.67905 17.2594 9.66604 17.2594 9.65313V9.60564ZM8.07601 16.9573C8.65883 16.1027 8.61746 15.4612 7.8179 14.662C7.01818 13.8627 6.55274 12.6939 6.55274 12.6939C6.55274 12.6939 6.37905 12.015 5.98284 12.0773C5.58668 12.1397 5.29602 13.1542 6.12556 13.7752C6.95504 14.3962 5.96056 14.8172 5.64123 14.2345C5.3219 13.6516 4.45024 12.1536 3.99832 11.867C3.54637 11.5804 3.22853 11.741 3.33509 12.3317C3.38797 12.6248 3.8801 13.1252 4.33988 13.5927C4.80637 14.067 5.23957 14.5075 5.14699 14.6633C4.96315 14.9728 4.31572 14.2996 4.31572 14.2996C4.31572 14.2996 2.28862 12.4548 1.84729 12.9356C1.44054 13.3787 2.06788 13.7554 3.03458 14.336C3.11681 14.3853 3.20148 14.4362 3.28819 14.4886C4.39432 15.1583 4.48029 15.3349 4.32336 15.5883C4.26535 15.6819 3.89506 15.4596 3.43972 15.1862C2.66332 14.72 1.63962 14.1054 1.49506 14.6555C1.36994 15.1317 2.12306 15.4234 2.80612 15.688C3.37518 15.9084 3.89559 16.11 3.81906 16.3837C3.73974 16.6674 3.30966 16.4308 2.83953 16.1721C2.31174 15.8816 1.73348 15.5635 1.54429 15.9225C1.18658 16.6013 4.01177 17.4004 4.03495 17.4063C4.94775 17.6431 7.26587 18.1447 8.07601 16.9573ZM11.8306 16.9573C11.2477 16.1027 11.2891 15.4612 12.0888 14.662C12.8884 13.8627 13.3538 12.6939 13.3538 12.6939C13.3538 12.6939 13.5276 12.015 13.9237 12.0773C14.3199 12.1397 14.6106 13.1542 13.7811 13.7752C12.9515 14.3962 13.9461 14.8172 14.2654 14.2345C14.5847 13.6516 15.4559 12.1536 15.9078 11.867C16.3597 11.5804 16.6777 11.741 16.5711 12.3317C16.5183 12.6248 16.0261 13.1252 15.5663 13.5928C15.0998 14.0671 14.6666 14.5075 14.7591 14.6633C14.943 14.9728 15.5908 14.2993 15.5908 14.2993C15.5908 14.2993 17.6179 12.4545 18.0593 12.9353C18.4661 13.3783 17.8387 13.7551 16.8718 14.3357C16.7897 14.385 16.7051 14.4359 16.6184 14.4883C15.5123 15.158 15.4262 15.3346 15.5832 15.5879C15.6412 15.6816 16.0115 15.4592 16.4668 15.1859C17.2433 14.7197 18.2669 14.105 18.4115 14.6553C18.5367 15.1314 17.7835 15.4231 17.1004 15.6877C16.5314 15.9081 16.0109 16.1097 16.0874 16.3834C16.1667 16.667 16.5966 16.4304 17.0666 16.1717C17.5944 15.8812 18.1727 15.5629 18.3619 15.9222C18.7196 16.6014 15.8941 17.3997 15.8713 17.4055C14.9585 17.6431 12.6404 18.1447 11.8306 16.9573Z" fill="#FFD21E" fill-rule="evenodd"/>
+<path clip-rule="evenodd" d="M12.2912 7.55492C12.406 7.59551 12.4914 7.71903 12.5725 7.83663C12.6823 7.9955 12.7844 8.14339 12.9412 8.06007C13.126 7.9617 13.2776 7.8108 13.3768 7.62629C13.4759 7.44179 13.5181 7.23208 13.4981 7.02363C13.478 6.81518 13.3966 6.61735 13.264 6.45518C13.1315 6.29301 12.9539 6.17376 12.7536 6.11251C12.5533 6.05126 12.3394 6.05079 12.1389 6.11114C11.9384 6.1715 11.7602 6.28994 11.6269 6.45155C11.4937 6.61314 11.4115 6.81059 11.3905 7.01896C11.3695 7.22736 11.4108 7.43732 11.5091 7.62221C11.5817 7.75884 11.7429 7.69436 11.913 7.62629C12.0463 7.57298 12.1853 7.51743 12.2912 7.55492ZM7.30249 7.55492C7.18773 7.59551 7.10235 7.71913 7.02116 7.83663C6.91138 7.99559 6.80924 8.14339 6.65253 8.06007C6.46765 7.9618 6.31606 7.8108 6.21698 7.62629C6.11786 7.44179 6.07569 7.23213 6.09576 7.02368C6.11588 6.81523 6.19729 6.6174 6.3298 6.45523C6.46231 6.29306 6.63992 6.17386 6.84019 6.11261C7.04047 6.0514 7.25442 6.05093 7.45494 6.11129C7.65546 6.17164 7.83355 6.29008 7.96678 6.45163C8.10001 6.61324 8.18235 6.81069 8.20333 7.01906C8.2243 7.22741 8.18303 7.43732 8.08476 7.62221C8.01203 7.75884 7.85084 7.69436 7.68071 7.62639C7.54729 7.57298 7.40852 7.51743 7.30249 7.55492ZM11.5194 12.0948C12.3102 11.4719 12.6006 10.4548 12.6006 9.82821C12.6006 9.33296 12.2674 9.48882 11.734 9.75296C11.724 9.75781 11.714 9.76286 11.7039 9.76781C11.2143 10.0103 10.5626 10.3332 9.84711 10.3332C9.13155 10.3332 8.47978 10.0103 7.99028 9.76772C7.4396 9.49494 7.09416 9.32384 7.09416 9.82831C7.09416 10.4747 7.40318 11.536 8.2513 12.1525C8.36326 11.9253 8.52086 11.7237 8.71419 11.5601C8.90762 11.3967 9.13262 11.2747 9.37528 11.2022C9.45996 11.1769 9.54716 11.3227 9.63639 11.472C9.72253 11.6159 9.8106 11.7631 9.90013 11.7631C9.99558 11.7631 10.0893 11.618 10.1809 11.4764C10.2765 11.3283 10.3698 11.1841 10.46 11.213C10.4864 11.2213 10.5124 11.2304 10.5382 11.2399C10.9585 11.3959 11.3073 11.7 11.5194 12.0948Z" fill="#32343D" fill-rule="evenodd"/>
+<path d="M11.5192 12.0947C11.1074 12.4192 10.56 12.6369 9.8472 12.6369C9.17747 12.6369 8.65368 12.4448 8.25128 12.1524C8.36324 11.9253 8.52084 11.7236 8.71418 11.5601C8.90761 11.3966 9.1326 11.2747 9.37527 11.2021C9.54151 11.1525 9.71775 11.763 9.90012 11.763C10.0953 11.763 10.2834 11.1564 10.46 11.2129C10.4862 11.2212 10.5123 11.2302 10.5382 11.2399C10.9583 11.3959 11.3071 11.7 11.5192 12.0947Z" fill="#FF323D"/>
+<path clip-rule="evenodd" d="M5.41173 8.43599C5.29853 8.51174 5.16545 8.55204 5.02931 8.55204C4.93893 8.55204 4.84938 8.53426 4.76585 8.4996C4.68231 8.46512 4.60644 8.41434 4.54251 8.35044C4.47859 8.28645 4.4279 8.2106 4.39332 8.12699C4.35874 8.04348 4.34096 7.95395 4.341 7.86354C4.34103 7.72739 4.38143 7.59436 4.45708 7.48123C4.53275 7.368 4.64026 7.27986 4.76604 7.22777C4.89179 7.17569 5.0302 7.16208 5.1637 7.18867C5.29721 7.21526 5.41984 7.2808 5.51609 7.37713C5.61234 7.47336 5.67788 7.59601 5.70442 7.72953C5.73096 7.86305 5.71732 8.00143 5.66522 8.12719C5.61313 8.25294 5.52492 8.36044 5.41173 8.43599ZM15.2593 8.43599C15.1461 8.51174 15.013 8.55204 14.8769 8.55204C14.7865 8.55204 14.697 8.53426 14.6135 8.4996C14.5299 8.46512 14.454 8.41434 14.39 8.35044C14.3261 8.28645 14.2755 8.2106 14.2409 8.12699C14.2063 8.04348 14.1885 7.95395 14.1885 7.86354C14.1886 7.72739 14.229 7.59436 14.3047 7.48123C14.3803 7.368 14.4878 7.27986 14.6136 7.22777C14.7394 7.17569 14.8778 7.16208 15.0113 7.18867C15.1448 7.21526 15.2675 7.2808 15.3637 7.37713C15.4599 7.47336 15.5255 7.59601 15.552 7.72953C15.5786 7.86305 15.5649 8.00143 15.5129 8.12719C15.4607 8.25294 15.3724 8.36044 15.2593 8.43599Z" fill="#FFAD03" fill-rule="evenodd"/>
+</g>
+<defs>
+<clipPath id="clip0_98_50">
+<rect fill="white" height="20" width="20"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/instagram.svg b/packages/mosaic/src/components/provider-logo/logos/instagram.svg
new file mode 100644
index 00000000000..c0e86b0bfc7
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/instagram.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/line.svg b/packages/mosaic/src/components/provider-logo/logos/line.svg
new file mode 100644
index 00000000000..c4386f2431a
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/line.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M15.4913 0H4.50875C2.01864 0 0 2.01864 0 4.50875V15.4913C0 17.9814 2.01864 20 4.50875 20H15.4913C17.9814 20 20 17.9814 20 15.4913V4.50875C20 2.01864 17.9814 0 15.4913 0Z" fill="#06C755"/>
+<path d="M16.6663 9.05773C16.6663 6.07398 13.6751 3.64648 9.9982 3.64648C6.32133 3.64648 3.33008 6.07398 3.33008 9.05773C3.33008 11.7327 5.70508 13.9733 8.90633 14.3964C9.12383 14.4433 9.41945 14.5396 9.49383 14.7252C9.56133 14.8939 9.5382 15.1583 9.5157 15.3283C9.5157 15.3283 9.43758 15.7989 9.4207 15.8989C9.39133 16.0677 9.28633 16.5583 9.9982 16.2589C10.7101 15.9596 13.8382 13.9977 15.237 12.3871C16.2032 11.3277 16.6663 10.2502 16.6663 9.05773Z" fill="white"/>
+<path d="M14.4473 10.7805H12.5723C12.5392 10.7805 12.5074 10.7673 12.4839 10.7439C12.4605 10.7204 12.4473 10.6886 12.4473 10.6555V7.74609C12.4473 7.71293 12.4605 7.68114 12.4839 7.6577C12.5074 7.63426 12.5392 7.62109 12.5723 7.62109H14.4473C14.4805 7.62109 14.5123 7.63426 14.5357 7.6577C14.5591 7.68114 14.5723 7.71293 14.5723 7.74609V8.21921C14.5723 8.25236 14.5591 8.28416 14.5357 8.3076C14.5123 8.33104 14.4805 8.34421 14.4473 8.34421H13.1742V8.83484H14.4473C14.4805 8.83484 14.5123 8.84801 14.5357 8.87145C14.5591 8.89489 14.5723 8.92668 14.5723 8.95984V9.43734C14.5723 9.47049 14.5591 9.50228 14.5357 9.52572C14.5123 9.54917 14.4805 9.56234 14.4473 9.56234H13.1742V10.0536H14.4473C14.4805 10.0536 14.5123 10.0668 14.5357 10.0902C14.5591 10.1137 14.5723 10.1455 14.5723 10.1786V10.6511C14.5729 10.6679 14.5701 10.6846 14.5641 10.7003C14.5581 10.716 14.5489 10.7303 14.5373 10.7423C14.5256 10.7544 14.5116 10.764 14.4962 10.7706C14.4807 10.7771 14.4641 10.7805 14.4473 10.7805Z" fill="#06C755"/>
+<path d="M7.51863 10.7811C7.55179 10.7811 7.58358 10.7679 7.60702 10.7445C7.63047 10.7211 7.64363 10.6893 7.64363 10.6561V10.1836C7.64363 10.1505 7.63047 10.1187 7.60702 10.0952C7.58358 10.0718 7.55179 10.0586 7.51863 10.0586H6.24551V7.74609C6.24551 7.71293 6.23234 7.68114 6.2089 7.6577C6.18546 7.63425 6.15366 7.62109 6.12051 7.62109H5.64551C5.61236 7.62109 5.58056 7.63425 5.55712 7.6577C5.53368 7.68114 5.52051 7.71293 5.52051 7.74609V10.6542C5.52051 10.6874 5.53368 10.7192 5.55712 10.7426C5.58056 10.7661 5.61236 10.7792 5.64551 10.7792H7.52051L7.51863 10.7811Z" fill="#06C755"/>
+<path d="M8.6459 7.61523H8.1734C8.10299 7.61523 8.0459 7.67231 8.0459 7.74273V10.6527C8.0459 10.7231 8.10299 10.7802 8.1734 10.7802H8.6459C8.71632 10.7802 8.7734 10.7231 8.7734 10.6527V7.74273C8.7734 7.67231 8.71632 7.61523 8.6459 7.61523Z" fill="#06C755"/>
+<path d="M11.8648 7.61523H11.3923C11.3591 7.61523 11.3273 7.6284 11.3039 7.65184C11.2804 7.67528 11.2673 7.70708 11.2673 7.74023V9.46898L9.93597 7.67086C9.93293 7.66609 9.92937 7.66169 9.92535 7.65773L9.91785 7.65023L9.91097 7.64461H9.90722L9.90035 7.63961H9.8966L9.88972 7.63586H9.88535H9.87847H9.8741H9.8666H9.8616H9.8541H9.8491H9.84222H9.36035C9.32719 7.63586 9.2954 7.64903 9.27196 7.67247C9.24852 7.69591 9.23535 7.7277 9.23535 7.76086V10.6708C9.23535 10.704 9.24852 10.7358 9.27196 10.7592C9.2954 10.7827 9.32719 10.7958 9.36035 10.7958H9.83347C9.86662 10.7958 9.89842 10.7827 9.92186 10.7592C9.9453 10.7358 9.95847 10.704 9.95847 10.6708V8.92523L11.2916 10.7252C11.3004 10.7379 11.3114 10.749 11.3241 10.7577L11.3316 10.7627H11.3354L11.3416 10.7658H11.3479H11.3523H11.361C11.3721 10.7685 11.3834 10.77 11.3948 10.7702H11.8648C11.8979 10.7702 11.9297 10.757 11.9532 10.7336C11.9766 10.7101 11.9898 10.6784 11.9898 10.6452V7.74273C11.9901 7.72611 11.9871 7.70958 11.981 7.69413C11.9749 7.67867 11.9657 7.6646 11.9541 7.65272C11.9424 7.64085 11.9285 7.63142 11.9132 7.62498C11.8979 7.61854 11.8814 7.61523 11.8648 7.61523Z" fill="#06C755"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/linear.svg b/packages/mosaic/src/components/provider-logo/logos/linear.svg
new file mode 100644
index 00000000000..e2484d70828
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/linear.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#222326" width="200" height="200" viewBox="0 0 100 100">
+  <path
+    d="M1.22541 61.5228c-.2225-.9485.90748-1.5459 1.59638-.857L39.3342 97.1782c.6889.6889.0915 1.8189-.857 1.5964C20.0515 94.4522 5.54779 79.9485 1.22541 61.5228ZM.00189135 46.8891c-.01764375.2833.08887215.5599.28957165.7606L52.3503 99.7085c.2007.2007.4773.3075.7606.2896 2.3692-.1476 4.6938-.46 6.9624-.9259.7645-.157 1.0301-1.0963.4782-1.6481L2.57595 39.4485c-.55186-.5519-1.49117-.2863-1.648174.4782-.465915 2.2686-.77832 4.5932-.92588465 6.9624ZM4.21093 29.7054c-.16649.3738-.08169.8106.20765 1.1l64.77602 64.776c.2894.2894.7262.3742 1.1.2077 1.7861-.7956 3.5171-1.6927 5.1855-2.684.5521-.328.6373-1.0867.1832-1.5407L8.43566 24.3367c-.45409-.4541-1.21271-.3689-1.54074.1832-.99132 1.6684-1.88843 3.3994-2.68399 5.1855ZM12.6587 18.074c-.3701-.3701-.393-.9637-.0443-1.3541C21.7795 6.45931 35.1114 0 49.9519 0 77.5927 0 100 22.4073 100 50.0481c0 14.8405-6.4593 28.1724-16.7199 37.3375-.3903.3487-.984.3258-1.3542-.0443L12.6587 18.074Z"
+  />
+</svg>
diff --git a/packages/mosaic/src/components/provider-logo/logos/linkedin.svg b/packages/mosaic/src/components/provider-logo/logos/linkedin.svg
new file mode 100644
index 00000000000..18ced64e938
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/linkedin.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M17.0413 17.0411H14.0778V12.4003C14.0778 11.2936 14.0581 9.86899 12.5366 9.86899C10.9931 9.86899 10.7569 11.0747 10.7569 12.3197V17.0408H7.79353V7.49728H10.6384V8.80149H10.6783C11.2575 7.81111 12.3385 7.21737 13.4852 7.25995C16.4887 7.25995 17.0425 9.23553 17.0425 11.8057L17.0413 17.0411ZM4.44979 6.19272C3.50637 6.19272 2.7297 5.4165 2.7297 4.47308C2.7297 3.52968 3.50602 2.75335 4.44943 2.75335C5.39276 2.75335 6.16898 3.5295 6.16916 4.47273C6.16916 5.41597 5.39303 6.19263 4.44979 6.19272ZM5.93147 17.0411H2.96498V7.49728H5.93147V17.0411ZM18.5186 0.00137977H1.47578C0.675762 -0.00765543 0.00975086 0.642878 0 1.44289V18.5565C0.00939303 19.3569 0.675315 20.0082 1.47578 19.9996H18.5186C19.321 20.0097 19.9893 19.3585 20 18.5565V1.44173C19.9893 0.640015 19.3201 -0.0104293 18.5186 0.000126693V0.00137977Z" fill="#0A66C2"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/linkedin_oidc.svg b/packages/mosaic/src/components/provider-logo/logos/linkedin_oidc.svg
new file mode 100644
index 00000000000..5d0a00bda17
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/linkedin_oidc.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M17.0413 17.0414H14.0778V12.4006C14.0778 11.2939 14.0581 9.86929 12.5366 9.86929C10.9931 9.86929 10.7569 11.075 10.7569 12.32V17.0411H7.79353V7.49759H10.6384V8.80179H10.6783C11.2575 7.81141 12.3385 7.21768 13.4852 7.26026C16.4887 7.26026 17.0425 9.23584 17.0425 11.806L17.0413 17.0414ZM4.44979 6.19303C3.50637 6.19303 2.7297 5.41681 2.7297 4.47339C2.7297 3.52998 3.50602 2.75366 4.44943 2.75366C5.39276 2.75366 6.16898 3.5298 6.16916 4.47304C6.16916 5.41627 5.39303 6.19294 4.44979 6.19303ZM5.93147 17.0414H2.96498V7.49759H5.93147V17.0414ZM18.5186 0.00168495H1.47578C0.675762 -0.00735025 0.00975086 0.643183 0 1.4432V18.5568C0.00939303 19.3572 0.675315 20.0085 1.47578 19.9999H18.5186C19.321 20.01 19.9893 19.3588 20 18.5568V1.44204C19.9893 0.64032 19.3201 -0.0101241 18.5186 0.000431868V0.00168495Z" fill="#0A66C2"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/manifest.json b/packages/mosaic/src/components/provider-logo/logos/manifest.json
new file mode 100644
index 00000000000..8d1db77e855
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/manifest.json
@@ -0,0 +1,407 @@
+{
+  "providers": [
+    {
+      "id": "google",
+      "name": "Google",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["google"],
+        "enterprise": ["saml_google", "oauth_google"]
+      },
+      "brand": "https://developers.google.com/identity/branding-guidelines",
+      "source": "Flat four-color G. The 2025 gradient G is not reproducible as clean SVG.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "discord",
+      "name": "Discord",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["discord"]
+      },
+      "brand": "https://discord.com/branding",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "facebook",
+      "name": "Facebook",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["facebook"]
+      },
+      "colors": {
+        "#1977f3": "#0866FF"
+      },
+      "brand": "https://www.meta.com/brand/resources/facebook/logo/",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "twitch",
+      "name": "Twitch",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["twitch"]
+      },
+      "brand": "https://brand.twitch.com",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "twitter",
+      "name": "Twitter",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["twitter"]
+      },
+      "brand": "https://about.x.com/en/who-we-are/brand-toolkit",
+      "source": "Renders the X mark; the bird is retired.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "microsoft",
+      "name": "Microsoft",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["microsoft"],
+        "enterprise": ["saml_microsoft", "oauth_microsoft"]
+      },
+      "brand": "https://learn.microsoft.com/en-us/entra/identity-platform/howto-add-branding-in-apps",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "tiktok",
+      "name": "TikTok",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["tiktok"]
+      },
+      "brand": "https://developers.tiktok.com/doc/getting-started-design-guidelines",
+      "source": "Note glyph from the login button pack.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "linkedin",
+      "name": "LinkedIn",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["linkedin"]
+      },
+      "brand": "https://brand.linkedin.com/in-logo",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "linkedin_oidc",
+      "name": "LinkedIn",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["linkedin_oidc"]
+      },
+      "brand": "https://brand.linkedin.com/in-logo",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "github",
+      "name": "GitHub",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["github"],
+        "enterprise": ["oidc_github_enterprise"]
+      },
+      "brand": "https://brand.github.com/foundations/logo",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "gitlab",
+      "name": "GitLab",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["gitlab"],
+        "enterprise": ["oidc_gitlab"]
+      },
+      "brand": "https://design.gitlab.com/brand-logo/logomark",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "dropbox",
+      "name": "Dropbox",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["dropbox"]
+      },
+      "brand": "https://brand.dropbox.com/logo",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "atlassian",
+      "name": "Atlassian",
+      "treatment": "adaptive",
+      "groups": {
+        "oauth": ["atlassian"]
+      },
+      "colors": {
+        "#1868db": "light-dark(#1868DB, #357DE8)"
+      },
+      "brand": "https://atlassian.design/foundations/logos",
+      "source": "Paths and colors from @atlaskit/logo.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "bitbucket",
+      "name": "Bitbucket",
+      "treatment": "adaptive",
+      "groups": {
+        "oauth": ["bitbucket"]
+      },
+      "colors": {
+        "#1868db": "light-dark(#1868DB, #357DE8)"
+      },
+      "brand": "https://atlassian.design/foundations/logos",
+      "source": "Flat bucket from @atlaskit/logo.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "hubspot",
+      "name": "HubSpot",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["hubspot"]
+      },
+      "brand": "https://www.hubspot.com/partners/technology/branding-guidelines",
+      "source": "Site now uses #FF4800; the gated asset files were not checked.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "notion",
+      "name": "Notion",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["notion"]
+      },
+      "brand": "https://www.notion.com/brand",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "apple",
+      "name": "Apple",
+      "treatment": "adaptive",
+      "groups": {
+        "oauth": ["apple"]
+      },
+      "colors": {
+        "#000": "light-dark(#000, #fff)"
+      },
+      "brand": "https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple",
+      "source": "Apple requires pure black or white.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "line",
+      "name": "LINE",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["line"]
+      },
+      "brand": "https://developers.line.biz/en/docs/line-login/login-button/",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "instagram",
+      "name": "Instagram",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["instagram"]
+      },
+      "brand": "https://www.meta.com/brand/resources/instagram/",
+      "source": "Glyph from simple-icons (CC0).",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "coinbase",
+      "name": "Coinbase",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["coinbase"]
+      },
+      "colors": {
+        "#1652f0": "#0052FF"
+      },
+      "brand": "https://www.coinbase.com/press",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "spotify",
+      "name": "Spotify",
+      "treatment": "adaptive",
+      "groups": {
+        "oauth": ["spotify"]
+      },
+      "colors": {
+        "#1ed760": "light-dark(#1ED760, #fff)"
+      },
+      "brand": "https://developer.spotify.com/documentation/design",
+      "source": "Green only on pure black or white; otherwise monochrome.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "xero",
+      "name": "Xero",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["xero"]
+      },
+      "brand": "https://developer.xero.com/documentation/xero-app-store/app-partner-guides/brand-guidelines",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "box",
+      "name": "Box",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["box"]
+      },
+      "brand": "https://www.box.com/legal/trademark",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "slack",
+      "name": "Slack",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["slack"]
+      },
+      "brand": "https://slack.com/media-kit",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "linear",
+      "name": "Linear",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["linear"]
+      },
+      "brand": "https://linear.app/brand",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "x",
+      "name": "X",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["x"]
+      },
+      "brand": "https://about.x.com/en/who-we-are/brand-toolkit",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "enstall",
+      "name": "Enstall",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["enstall"]
+      },
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "huggingface",
+      "name": "Hugging Face",
+      "treatment": "color",
+      "groups": {
+        "oauth": ["huggingface"]
+      },
+      "brand": "https://huggingface.co/brand",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "vercel",
+      "name": "Vercel",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["vercel"]
+      },
+      "brand": "https://vercel.com/geist/brands",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "agentid",
+      "name": "AgentID",
+      "treatment": "mono",
+      "groups": {
+        "oauth": ["agentid"]
+      },
+      "brand": "https://agentid.com/brand",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "metamask",
+      "name": "MetaMask",
+      "treatment": "color",
+      "groups": {
+        "web3": ["metamask"]
+      },
+      "brand": "https://metamask.io/assets",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "base",
+      "name": "Base",
+      "treatment": "adaptive",
+      "groups": {
+        "web3": ["base"]
+      },
+      "colors": {
+        "#00f": "light-dark(#0000FF, #fff)"
+      },
+      "brand": "https://brand.base.org",
+      "source": "Base Blue is not used on dark backgrounds.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "coinbase_wallet",
+      "name": "Coinbase Wallet",
+      "treatment": "color",
+      "groups": {
+        "web3": ["coinbase_wallet"]
+      },
+      "source": "Renamed from Base App on 2026-09-08 with a new logo that has not been sourced yet.",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "okx_wallet",
+      "name": "OKX Wallet",
+      "treatment": "mono",
+      "groups": {
+        "web3": ["okx_wallet"]
+      },
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "solana",
+      "name": "Solana",
+      "treatment": "color",
+      "groups": {
+        "web3": ["solana"]
+      },
+      "brand": "https://solana.com/branding",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "whatsapp",
+      "name": "WhatsApp",
+      "treatment": "color",
+      "groups": {
+        "phone": ["whatsapp"]
+      },
+      "brand": "https://www.meta.com/brand/resources/whatsapp/",
+      "checked": "2026-10-02"
+    },
+    {
+      "id": "okta",
+      "name": "Okta",
+      "treatment": "mono",
+      "groups": {
+        "enterprise": ["saml_okta"]
+      },
+      "brand": "https://www.okta.com/press-room/media-assets/",
+      "checked": "2026-10-02"
+    }
+  ]
+}
diff --git a/packages/mosaic/src/components/provider-logo/logos/metamask.svg b/packages/mosaic/src/components/provider-logo/logos/metamask.svg
new file mode 100644
index 00000000000..66cbc401cfe
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/metamask.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 29.4.0, SVG Export Plug-In . SVG Version: 9.03 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 142 136.878" style="enable-background:new 0 0 142 136.878;" xml:space="preserve">
+<path style="fill:#FF5C16;" d="M132.682,132.192l-30.583-9.106l-23.063,13.787l-16.092-0.007l-23.077-13.78l-30.569,9.106L0,100.801
+	l9.299-34.839L0,36.507L9.299,0l47.766,28.538h27.85L132.682,0l9.299,36.507l-9.299,29.455l9.299,34.839L132.682,132.192
+	L132.682,132.192z"/>
+<path style="fill:#FF5C16;" d="M9.305,0l47.767,28.558l-1.899,19.599L9.305,0z M39.875,100.814l21.017,16.01l-21.017,6.261
+	C39.875,123.085,39.875,100.814,39.875,100.814z M59.212,74.345l-4.039-26.174L29.317,65.97l-0.014-0.007v0.013l0.08,18.321
+	l10.485-9.951L59.212,74.345L59.212,74.345z M132.682,0L84.915,28.558l1.893,19.599L132.682,0z M102.113,100.814l-21.018,16.01
+	l21.018,6.261V100.814z M112.678,65.975h0.007H112.678v-0.013l-0.006,0.007L86.815,48.171l-4.039,26.174h19.336l10.492,9.95
+	C112.604,84.295,112.678,65.975,112.678,65.975z"/>
+<path style="fill:#E34807;" d="M39.868,123.085l-30.569,9.106L0,100.814h39.868C39.868,100.814,39.868,123.085,39.868,123.085z
+	 M59.205,74.338l5.839,37.84l-8.093-21.04L29.37,84.295l10.491-9.956h19.344L59.205,74.338z M102.112,123.085l30.57,9.106
+	l9.299-31.378h-39.869C102.112,100.814,102.112,123.085,102.112,123.085z M82.776,74.338l-5.839,37.84l8.092-21.04l27.583-6.843
+	l-10.498-9.956H82.776V74.338z"/>
+<path style="fill:#FF8D5D;" d="M0,100.801l9.299-34.839h19.997l0.073,18.327l27.584,6.843l8.092,21.039l-4.16,4.633l-21.017-16.01H0
+	V100.801z M141.981,100.801l-9.299-34.839h-19.998l-0.073,18.327l-27.582,6.843l-8.093,21.039l4.159,4.633l21.018-16.01h39.868
+	V100.801z M84.915,28.538h-27.85l-1.891,19.599l9.872,64.013h11.891l9.878-64.013L84.915,28.538z"/>
+<path style="fill:#661800;" d="M9.299,0L0,36.507l9.299,29.455h19.997l25.87-17.804L9.299,0z M53.426,81.938h-9.059l-4.932,4.835
+	l17.524,4.344l-3.533-9.186V81.938z M132.682,0l9.299,36.507l-9.299,29.455h-19.998L86.815,48.158L132.682,0z M88.568,81.938h9.072
+	l4.932,4.841l-17.544,4.353l3.54-9.201V81.938z M79.029,124.385l2.067-7.567l-4.16-4.633h-11.9l-4.159,4.633l2.066,7.567"/>
+<path style="fill:#C0C4CD;" d="M79.029,124.384v12.495H62.945v-12.495L79.029,124.384L79.029,124.384z"/>
+<path style="fill:#E7EBF6;" d="M39.875,123.072l23.083,13.8v-12.495l-2.067-7.566C60.891,116.811,39.875,123.072,39.875,123.072z
+	 M102.113,123.072l-23.084,13.8v-12.495l2.067-7.566C81.096,116.811,102.113,123.072,102.113,123.072z"/>
+</svg>
diff --git a/packages/mosaic/src/components/provider-logo/logos/microsoft.svg b/packages/mosaic/src/components/provider-logo/logos/microsoft.svg
new file mode 100644
index 00000000000..1f739764834
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/microsoft.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><title>MS-SymbolLockup</title><rect x="1" y="1" width="9" height="9" fill="#f25022"/><rect x="1" y="11" width="9" height="9" fill="#00a4ef"/><rect x="11" y="1" width="9" height="9" fill="#7fba00"/><rect x="11" y="11" width="9" height="9" fill="#ffb900"/></svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/notion.svg b/packages/mosaic/src/components/provider-logo/logos/notion.svg
new file mode 100644
index 00000000000..ce81b9599ba
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/notion.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M1.87008 0.862801L12.9367 0.0454674C14.2961 -0.0711992 14.6454 0.00746747 15.5001 0.628801L19.0327 3.11747C19.6154 3.54547 19.8094 3.66213 19.8094 4.12813V17.7768C19.8094 18.6321 19.4987 19.1381 18.4114 19.2155L5.56008 19.9935C4.74408 20.0321 4.35541 19.9155 3.92808 19.3708L1.32675 15.9881C0.860081 15.3655 0.666748 14.8995 0.666748 14.3548V2.2228C0.666748 1.52347 0.977415 0.940134 1.87008 0.862801Z" fill="white"/>
+<path clip-rule="evenodd" d="M12.9367 0.0454674L1.87008 0.862801C0.977415 0.940134 0.666748 1.52347 0.666748 2.2228V14.3548C0.666748 14.8995 0.860081 15.3655 1.32675 15.9881L3.92808 19.3708C4.35541 19.9155 4.74408 20.0321 5.56008 19.9935L18.4114 19.2155C19.4981 19.1381 19.8094 18.6321 19.8094 17.7768V4.12813C19.8094 3.68613 19.6347 3.5588 19.1207 3.18147C19.0912 3.16016 19.0616 3.13883 19.0321 3.11747L15.5001 0.628801C14.6454 0.00746747 14.2961 -0.0711992 12.9367 0.0454674V0.0454674ZM5.85075 3.9048C4.80141 3.97547 4.56341 3.99147 3.96741 3.5068L2.45208 2.30147C2.29808 2.14547 2.37541 1.9508 2.76341 1.91213L13.4021 1.1348C14.2954 1.0568 14.7607 1.36813 15.1101 1.64013L16.9347 2.96213C17.0127 3.00147 17.2067 3.23413 16.9734 3.23413L5.98675 3.89547L5.85075 3.9048V3.9048ZM4.62741 17.6601V6.07347C4.62741 5.56747 4.78275 5.33413 5.24808 5.2948L17.8667 4.55613C18.2947 4.51747 18.4881 4.78947 18.4881 5.2948V16.8041C18.4881 17.3101 18.4101 17.7381 17.7114 17.7768L5.63608 18.4768C4.93741 18.5155 4.62741 18.2828 4.62741 17.6601V17.6601ZM16.5474 6.6948C16.6247 7.0448 16.5474 7.3948 16.1974 7.4348L15.6154 7.55013V16.1048C15.1101 16.3768 14.6447 16.5321 14.2561 16.5321C13.6347 16.5321 13.4794 16.3375 13.0141 15.7548L9.20808 9.7668V15.5601L10.4121 15.8328C10.4121 15.8328 10.4121 16.5328 9.44075 16.5328L6.76275 16.6881C6.68475 16.5321 6.76275 16.1435 7.03408 16.0661L7.73342 15.8721V8.21213L6.76275 8.13347C6.68475 7.78347 6.87875 7.27813 7.42275 7.2388L10.2961 7.04547L14.2561 13.1108V7.7448L13.2467 7.6288C13.1687 7.20013 13.4794 6.8888 13.8674 6.8508L16.5474 6.6948V6.6948Z" fill="black" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/okta.svg b/packages/mosaic/src/components/provider-logo/logos/okta.svg
new file mode 100644
index 00000000000..39dd047079c
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/okta.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="24" viewBox="0 0 24 24" width="24">
+    <path clip-rule="evenodd" d="M13.1952 0.166667L12.7018 6.24667C12.4685 6.22 12.2352 6.20667 11.9952 6.20667C11.6952 6.20667 11.4019 6.22667 11.1152 6.27333L10.8352 3.32667C10.8285 3.23333 10.9019 3.15333 10.9952 3.15333H11.4952L11.2552 0.173333C11.2485 0.08 11.3219 0 11.4085 0H13.0419C13.1352 0 13.2085 0.08 13.1952 0.173333V0.166667ZM9.07518 0.466667C9.04852 0.38 8.95518 0.326667 8.86852 0.36L7.33518 0.92C7.24852 0.953333 7.20852 1.05333 7.24852 1.13333L8.49518 3.85333L8.02185 4.02667C7.93518 4.06 7.89518 4.16 7.93518 4.24L9.20852 6.91333C9.66852 6.66 10.1685 6.46667 10.6952 6.34667L9.08185 0.466667H9.07518ZM5.31518 2.16L8.84185 7.13333C8.39518 7.42667 7.98852 7.77333 7.64185 8.17333L5.52852 6.09333C5.46185 6.02667 5.46852 5.92 5.53518 5.86L5.92185 5.54L3.82185 3.41333C3.75518 3.34667 3.76185 3.24 3.83518 3.18L5.08185 2.13333C5.15518 2.07333 5.25518 2.08667 5.30852 2.16H5.31518ZM2.35518 5.04C2.28185 4.98667 2.17518 5.01333 2.12852 5.09333L1.31518 6.50667C1.26852 6.58667 1.30185 6.68667 1.38185 6.72667L4.08852 8.00667L3.83518 8.44C3.78852 8.52 3.82185 8.62667 3.90852 8.66L6.60185 9.89333C6.79518 9.39333 7.05518 8.92667 7.37518 8.50667L2.35518 5.04ZM0.361849 8.88C0.375183 8.78667 0.468516 8.73333 0.555183 8.75333L6.45518 10.2933C6.30185 10.7933 6.21518 11.32 6.20185 11.8667L3.24852 11.6267C3.15518 11.62 3.08852 11.5333 3.10852 11.44L3.19518 10.9467L0.215183 10.6667C0.121849 10.66 0.0618494 10.5733 0.0751827 10.48L0.355183 8.87333L0.361849 8.88ZM0.141849 12.8667C0.0485161 12.8733 -0.0114839 12.96 0.00184941 13.0533L0.288516 14.66C0.301849 14.7533 0.395183 14.8067 0.481849 14.7867L3.37518 14.0333L3.46185 14.5267C3.47518 14.62 3.56852 14.6733 3.65518 14.6533L6.50852 13.8667C6.34185 13.3733 6.23518 12.8467 6.20852 12.3067L0.135183 12.8667H0.141849ZM1.08852 17.0933C1.04185 17.0133 1.07518 16.9133 1.15518 16.8733L6.66185 14.26C6.86852 14.7533 7.14852 15.2133 7.48185 15.6267L5.06852 17.3467C4.99518 17.4 4.88852 17.38 4.84185 17.3L4.58852 16.86L2.12852 18.56C2.05518 18.6133 1.94852 18.5867 1.90185 18.5067L1.08185 17.0933H1.08852ZM7.76185 15.9467L3.47518 20.2867C3.40852 20.3533 3.41518 20.46 3.48852 20.52L4.74185 21.5667C4.81518 21.6267 4.91518 21.6133 4.96852 21.54L6.70185 19.1L7.08852 19.4267C7.16185 19.4867 7.26852 19.4733 7.32185 19.3933L9.00185 16.9533C8.54852 16.6733 8.12852 16.3333 7.76852 15.9467H7.76185ZM6.91518 22.9133C6.82852 22.88 6.78852 22.78 6.82852 22.7L9.36852 17.1533C9.83518 17.3933 10.3418 17.5733 10.8685 17.6733L10.1218 20.54C10.1018 20.6267 10.0018 20.68 9.91518 20.6467L9.44185 20.4733L8.64852 23.36C8.62185 23.4467 8.52852 23.5 8.44185 23.4667L6.90852 22.9067L6.91518 22.9133ZM11.2885 17.7467L10.7952 23.8267C10.7885 23.92 10.8619 24 10.9485 24H12.5818C12.6752 24 12.7485 23.92 12.7352 23.8267L12.4952 20.8467H12.9952C13.0885 20.8467 13.1619 20.7667 13.1552 20.6733L12.8752 17.7267C12.5885 17.7733 12.2952 17.7933 11.9952 17.7933C11.7552 17.7933 11.5219 17.78 11.2885 17.7467ZM17.1685 1.28667C17.2085 1.2 17.1685 1.10667 17.0818 1.07333L15.5485 0.513333C15.4619 0.48 15.3685 0.533333 15.3419 0.62L14.5485 3.50667L14.0752 3.33333C13.9885 3.3 13.8952 3.35333 13.8685 3.44L13.1219 6.30667C13.6552 6.41333 14.1552 6.59333 14.6219 6.82667L17.1685 1.28667ZM20.5152 3.70667L16.2285 8.04667C15.8685 7.66 15.4552 7.32 14.9952 7.04L16.6752 4.6C16.7285 4.52667 16.8352 4.50667 16.9085 4.56667L17.2952 4.89333L19.0285 2.45333C19.0819 2.38 19.1885 2.36667 19.2552 2.42667L20.5085 3.47333C20.5819 3.53333 20.5819 3.64 20.5219 3.70667H20.5152ZM22.8352 7.12C22.9218 7.08 22.9485 6.98 22.9019 6.9L22.0819 5.48667C22.0352 5.40667 21.9285 5.38667 21.8552 5.43333L19.3952 7.13333L19.1419 6.7C19.0952 6.62 18.9885 6.59333 18.9152 6.65333L16.5019 8.37333C16.8352 8.78667 17.1085 9.24667 17.3219 9.74L22.8285 7.12667L22.8352 7.12ZM23.7019 9.33333L23.9819 10.94C23.9952 11.0333 23.9352 11.1133 23.8419 11.1267L17.7685 11.6933C17.7419 11.1467 17.6352 10.6267 17.4685 10.1333L20.3219 9.34667C20.4085 9.32 20.5019 9.38 20.5152 9.47333L20.6019 9.96667L23.4952 9.21333C23.5819 9.19333 23.6752 9.24667 23.6885 9.34L23.7019 9.33333ZM23.4285 15.2333C23.5152 15.2533 23.6085 15.2 23.6218 15.1067L23.9019 13.5C23.9152 13.4067 23.8552 13.3267 23.7619 13.3133L20.7819 13.0333L20.8685 12.54C20.8819 12.4467 20.8219 12.3667 20.7285 12.3533L17.7752 12.1133C17.7619 12.66 17.6752 13.1867 17.5219 13.6867L23.4219 15.2267L23.4285 15.2333ZM21.8552 18.9C21.8085 18.98 21.7019 19 21.6285 18.9533L16.6085 15.4867C16.9285 15.0667 17.1885 14.6 17.3819 14.1L20.0752 15.3333C20.1619 15.3733 20.1952 15.4733 20.1485 15.5533L19.8952 15.9867L22.6019 17.2667C22.6819 17.3067 22.7152 17.4067 22.6685 17.4867L21.8552 18.9ZM15.1418 16.8533L18.6685 21.8267C18.7219 21.9 18.8285 21.9133 18.8952 21.8533L20.1419 20.8067C20.2152 20.7467 20.2152 20.64 20.1552 20.5733L18.0552 18.4467L18.4419 18.1267C18.5152 18.0667 18.5152 17.96 18.4485 17.8933L16.3352 15.8133C15.9819 16.2133 15.5818 16.5667 15.1352 16.8533H15.1418ZM15.1085 23.6267C15.0219 23.66 14.9285 23.6067 14.9019 23.52L13.2885 17.64C13.8152 17.52 14.3152 17.3267 14.7752 17.0733L16.0485 19.7467C16.0885 19.8333 16.0485 19.9333 15.9619 19.96L15.4885 20.1333L16.7352 22.8533C16.7752 22.94 16.7352 23.0333 16.6485 23.0667L15.1152 23.6267H15.1085Z" fill="black" fill-rule="evenodd"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/okx_wallet.svg b/packages/mosaic/src/components/provider-logo/logos/okx_wallet.svg
new file mode 100644
index 00000000000..eea02667151
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/okx_wallet.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="32px" version="1.1" viewBox="0 0 32 32" width="32px">
+<g id="surface1">
+<path d="M 2.945312 2.894531 L 2.945312 29.34375 L 29.394531 29.34375 L 29.394531 2.894531 Z M 8.667969 9.003906 C 8.667969 8.820312 8.820312 8.667969 9.003906 8.667969 L 13.335938 8.667969 C 13.519531 8.667969 13.671875 8.820312 13.671875 9.003906 L 13.671875 13.335938 C 13.671875 13.523438 13.519531 13.675781 13.335938 13.675781 L 9.003906 13.675781 C 8.820312 13.675781 8.667969 13.523438 8.667969 13.335938 Z M 13.671875 23.234375 C 13.671875 23.417969 13.519531 23.570312 13.335938 23.570312 L 9.003906 23.570312 C 8.820312 23.570312 8.667969 23.417969 8.667969 23.234375 L 8.667969 18.902344 C 8.667969 18.714844 8.820312 18.5625 9.003906 18.5625 L 13.335938 18.5625 C 13.519531 18.5625 13.671875 18.714844 13.671875 18.902344 Z M 18.335938 18.621094 L 14.003906 18.621094 C 13.820312 18.621094 13.667969 18.46875 13.667969 18.28125 L 13.667969 13.953125 C 13.667969 13.765625 13.816406 13.613281 14.003906 13.613281 L 18.335938 13.613281 C 18.523438 13.613281 18.675781 13.765625 18.675781 13.953125 L 18.675781 18.28125 C 18.675781 18.46875 18.523438 18.621094 18.335938 18.621094 Z M 23.679688 23.234375 C 23.679688 23.417969 23.527344 23.570312 23.339844 23.570312 L 19.011719 23.570312 C 18.824219 23.570312 18.671875 23.417969 18.671875 23.234375 L 18.671875 18.902344 C 18.671875 18.714844 18.824219 18.5625 19.011719 18.5625 L 23.339844 18.5625 C 23.527344 18.5625 23.679688 18.714844 23.679688 18.902344 Z M 23.679688 13.332031 C 23.679688 13.519531 23.527344 13.671875 23.339844 13.671875 L 19.011719 13.671875 C 18.824219 13.671875 18.671875 13.519531 18.671875 13.332031 L 18.671875 9.003906 C 18.671875 8.816406 18.824219 8.664062 19.011719 8.664062 L 23.339844 8.664062 C 23.527344 8.664062 23.679688 8.816406 23.679688 9.003906 Z M 23.679688 13.332031" style="stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/slack.svg b/packages/mosaic/src/components/provider-logo/logos/slack.svg
new file mode 100644
index 00000000000..a890a75e8ed
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/slack.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M4.20196 12.6381C4.20196 13.7944 3.25733 14.739 2.10098 14.739C0.944626 14.739 0 13.7944 0 12.6381C0 11.4817 0.944626 10.5371 2.10098 10.5371H4.20196V12.6381Z" fill="#E01E5A"/>
+<path d="M5.26074 12.6381C5.26074 11.4817 6.20536 10.5371 7.36172 10.5371C8.51807 10.5371 9.46269 11.4817 9.46269 12.6381V17.8986C9.46269 19.055 8.51807 19.9996 7.36172 19.9996C6.20536 19.9996 5.26074 19.055 5.26074 17.8986V12.6381Z" fill="#E01E5A"/>
+<path d="M7.36172 4.20196C6.20536 4.20196 5.26074 3.25733 5.26074 2.10098C5.26074 0.944626 6.20536 0 7.36172 0C8.51807 0 9.46269 0.944626 9.46269 2.10098V4.20196H7.36172Z" fill="#36C5F0"/>
+<path d="M7.36156 5.26074C8.51792 5.26074 9.46254 6.20536 9.46254 7.36172C9.46254 8.51807 8.51792 9.46269 7.36156 9.46269H2.10098C0.944626 9.46269 0 8.51807 0 7.36172C0 6.20536 0.944626 5.26074 2.10098 5.26074H7.36156Z" fill="#36C5F0"/>
+<path d="M15.7979 7.36172C15.7979 6.20536 16.7425 5.26074 17.8988 5.26074C19.0552 5.26074 19.9998 6.20536 19.9998 7.36172C19.9998 8.51807 19.0552 9.46269 17.8988 9.46269H15.7979V7.36172Z" fill="#2EB67D"/>
+<path d="M14.739 7.36156C14.739 8.51792 13.7944 9.46254 12.638 9.46254C11.4817 9.46254 10.5371 8.51792 10.5371 7.36156V2.10098C10.5371 0.944626 11.4817 0 12.638 0C13.7944 0 14.739 0.944626 14.739 2.10098V7.36156Z" fill="#2EB67D"/>
+<path d="M12.638 15.7979C13.7944 15.7979 14.739 16.7426 14.739 17.8989C14.739 19.0553 13.7944 19.9999 12.638 19.9999C11.4817 19.9999 10.5371 19.0553 10.5371 17.8989V15.7979H12.638Z" fill="#ECB22E"/>
+<path d="M12.638 14.739C11.4817 14.739 10.5371 13.7944 10.5371 12.6381C10.5371 11.4817 11.4817 10.5371 12.638 10.5371H17.8986C19.055 10.5371 19.9996 11.4817 19.9996 12.6381C19.9996 13.7944 19.055 14.739 17.8986 14.739H12.638Z" fill="#ECB22E"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/solana.svg b/packages/mosaic/src/components/provider-logo/logos/solana.svg
new file mode 100644
index 00000000000..08f2f998fab
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/solana.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="18" viewBox="0 0 20 18" width="20">
+    <path d="M19.897 14.1247L16.5954 17.5742C16.5236 17.6491 16.4368 17.7088 16.3403 17.7497C16.2438 17.7905 16.1397 17.8115 16.0345 17.8115H0.383293C0.308612 17.8115 0.235558 17.7902 0.173109 17.7503C0.110659 17.7104 0.0615327 17.6536 0.0317655 17.5869C0.00199848 17.5202 -0.0071125 17.4465 0.00555212 17.3748C0.0182167 17.303 0.0521051 17.2365 0.103054 17.1833L3.40715 13.7339C3.47873 13.6591 3.56529 13.5995 3.66147 13.5587C3.75766 13.5179 3.86143 13.4967 3.96636 13.4965H19.6167C19.6914 13.4965 19.7644 13.5178 19.8269 13.5577C19.8893 13.5976 19.9384 13.6544 19.9683 13.7211C19.998 13.7878 20.0071 13.8616 19.9945 13.9333C19.9818 14.005 19.9479 14.0715 19.897 14.1247ZM16.5954 7.17845C16.5236 7.10352 16.4368 7.04378 16.3403 7.00295C16.2438 6.96214 16.1397 6.94109 16.0345 6.94115H0.383293C0.308612 6.94115 0.235558 6.9624 0.173109 7.0023C0.110659 7.0422 0.0615327 7.09899 0.0317655 7.1657C0.00199848 7.23244 -0.0071125 7.30618 0.00555212 7.37788C0.0182167 7.44956 0.0521051 7.5161 0.103054 7.56931L3.40715 11.0188C3.47873 11.0935 3.56529 11.1531 3.66147 11.1939C3.75766 11.2348 3.86143 11.2559 3.96636 11.2561H19.6167C19.6914 11.2561 19.7644 11.2348 19.8269 11.1949C19.8893 11.155 19.9384 11.0982 19.9683 11.0315C19.998 10.9648 20.0071 10.891 19.9945 10.8193C19.9818 10.7477 19.9479 10.6811 19.897 10.6279L16.5954 7.17845ZM0.383293 4.70069H16.0345C16.1397 4.70073 16.2438 4.6797 16.3403 4.63887C16.4368 4.59804 16.5236 4.5383 16.5954 4.46337L19.897 1.0139C19.9479 0.960707 19.9818 0.894174 19.9945 0.822475C20.0071 0.750776 19.998 0.677035 19.9683 0.610312C19.9384 0.54359 19.8893 0.486791 19.8269 0.446895C19.7644 0.406999 19.6914 0.385745 19.6167 0.385742H3.96636C3.86143 0.385916 3.75766 0.407069 3.66147 0.44789C3.56529 0.488712 3.47873 0.548334 3.40715 0.623065L0.103906 4.07253C0.0530061 4.12566 0.0191326 4.19214 0.00643931 4.26374C-0.00625404 4.33537 0.00278463 4.40905 0.0324467 4.47574C0.0621089 4.54244 0.111105 4.59923 0.173427 4.63919C0.235749 4.67915 0.308685 4.70051 0.383293 4.70069Z" fill="url(#paint0_linear_24953_51354)"/>
+    <defs>
+        <linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_24953_51354" x1="1.68823" x2="17.6224" y1="18.2268" y2="-0.21153">
+            <stop offset="0.08" stop-color="#9945FF"/>
+            <stop offset="0.3" stop-color="#8752F3"/>
+            <stop offset="0.5" stop-color="#5497D5"/>
+            <stop offset="0.6" stop-color="#43B4CA"/>
+            <stop offset="0.72" stop-color="#28E0B9"/>
+            <stop offset="0.97" stop-color="#19FB9B"/>
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/spotify.svg b/packages/mosaic/src/components/provider-logo/logos/spotify.svg
new file mode 100644
index 00000000000..d3df92a200f
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/spotify.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236.05 225.25"><defs><style>.cls-1{fill:#1ed760;stroke-width:0px;}</style></defs><path class="cls-1" d="m122.37,3.31C61.99.91,11.1,47.91,8.71,108.29c-2.4,60.38,44.61,111.26,104.98,113.66,60.38,2.4,111.26-44.6,113.66-104.98C229.74,56.59,182.74,5.7,122.37,3.31Zm46.18,160.28c-1.36,2.4-4.01,3.6-6.59,3.24-.79-.11-1.58-.37-2.32-.79-14.46-8.23-30.22-13.59-46.84-15.93-16.62-2.34-33.25-1.53-49.42,2.4-3.51.85-7.04-1.3-7.89-4.81-.85-3.51,1.3-7.04,4.81-7.89,17.78-4.32,36.06-5.21,54.32-2.64,18.26,2.57,35.58,8.46,51.49,17.51,3.13,1.79,4.23,5.77,2.45,8.91Zm14.38-28.72c-2.23,4.12-7.39,5.66-11.51,3.43-16.92-9.15-35.24-15.16-54.45-17.86-19.21-2.7-38.47-1.97-57.26,2.16-1.02.22-2.03.26-3.01.12-3.41-.48-6.33-3.02-7.11-6.59-1.01-4.58,1.89-9.11,6.47-10.12,20.77-4.57,42.06-5.38,63.28-2.4,21.21,2.98,41.46,9.62,60.16,19.74,4.13,2.23,5.66,7.38,3.43,11.51Zm15.94-32.38c-2.1,4.04-6.47,6.13-10.73,5.53-1.15-.16-2.28-.52-3.37-1.08-19.7-10.25-40.92-17.02-63.07-20.13-22.15-3.11-44.42-2.45-66.18,1.97-5.66,1.15-11.17-2.51-12.32-8.16-1.15-5.66,2.51-11.17,8.16-12.32,24.1-4.89,48.74-5.62,73.25-2.18,24.51,3.44,47.99,10.94,69.81,22.29,5.12,2.66,7.11,8.97,4.45,14.09Z"/></svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/tiktok.svg b/packages/mosaic/src/components/provider-logo/logos/tiktok.svg
new file mode 100644
index 00000000000..be4b482b6db
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/tiktok.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="10 9 26 26" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5172 25.0575C25.4647 26.4295 24.3093 27.5306 22.8929 27.5306C22.5691 27.5306 22.2591 27.4729 21.9727 27.3675C22.2591 27.4729 22.5692 27.5306 22.893 27.5306C24.3094 27.5306 25.4648 26.4295 25.5174 25.0576L25.5224 12.8063H27.8124C28.0331 13.971 28.7405 14.9704 29.7205 15.5948C29.7208 15.5952 29.7212 15.5956 29.7215 15.596C30.4037 16.0305 31.2171 16.284 32.0903 16.284V16.9645C32.0903 16.9645 32.0903 16.9645 32.0904 16.9646V19.3405C30.4684 19.3405 28.9654 18.8334 27.7386 17.9728V24.1852C27.7386 27.2878 25.1559 29.8119 21.9812 29.8119C20.7545 29.8119 19.6169 29.4338 18.6818 28.7921C18.6813 28.7916 18.6808 28.791 18.6802 28.7905C17.1964 27.7717 16.224 26.0876 16.224 24.1846C16.224 21.0821 18.8067 18.5579 21.9814 18.5579C22.2448 18.5579 22.503 18.5791 22.7572 18.6128V19.337C19.861 19.4031 17.4865 21.5682 17.1713 24.3333C17.4868 21.5685 19.8611 19.4037 22.7571 19.3376V21.7342C22.5115 21.6591 22.2519 21.6154 21.9812 21.6154C20.5314 21.6154 19.3519 22.7683 19.3519 24.1852C19.3519 25.1719 19.9247 26.0292 20.7616 26.4596C20.7616 26.4597 20.7616 26.4597 20.7616 26.4597C21.1265 26.6474 21.541 26.7549 21.9811 26.7549C23.3975 26.7549 24.5529 25.6538 24.6055 24.2819L24.6105 12.0305H27.7385C27.7385 12.2955 27.7646 12.5545 27.8123 12.8063H25.5223L25.5172 25.0575Z" fill="white"/>
+</svg>
diff --git a/packages/mosaic/src/components/provider-logo/logos/twitch.svg b/packages/mosaic/src/components/provider-logo/logos/twitch.svg
new file mode 100644
index 00000000000..674e03aab83
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/twitch.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<path d="M17.1424 9.28585L14.2852 12.143H11.4281L8.92804 14.643V12.143H5.71375V1.42871H17.1424V9.28585Z" fill="white"/>
+<path d="M5.00002 0L1.42859 3.57143V16.4286H5.7143V20L9.28573 16.4286H12.1428L18.5714 10V0H5.00002ZM17.1428 9.28571L14.2857 12.1429H11.4285L8.92859 14.6429V12.1429H5.7143V1.42857H17.1428V9.28571Z" fill="#9146FF"/>
+<path d="M15.0006 3.92871H13.5721V8.21442H15.0006V3.92871Z" fill="#9146FF"/>
+<path d="M11.072 3.92871H9.64343V8.21442H11.072V3.92871Z" fill="#9146FF"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/twitter.svg b/packages/mosaic/src/components/provider-logo/logos/twitter.svg
new file mode 100644
index 00000000000..eb25177fb40
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/twitter.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g clip-path="url(#clip0_98_34)">
+<path d="M15.75 0.9375H18.8175L12.1175 8.615L20 19.0625H13.8287L8.995 12.725L3.46375 19.0625H0.395L7.56125 10.85L0 0.9375H6.32875L10.6975 6.72875L15.75 0.9375ZM14.675 17.2225H16.375L5.40375 2.68125H3.58125L14.675 17.2225Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_98_34">
+<rect fill="white" height="20" width="20"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/vercel.svg b/packages/mosaic/src/components/provider-logo/logos/vercel.svg
new file mode 100644
index 00000000000..2c6566a881e
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/vercel.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="1000" viewBox="0 0 1155 1000" width="1155">
+<path d="M577.344 0L1154.69 1000H0L577.344 0Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/whatsapp.svg b/packages/mosaic/src/components/provider-logo/logos/whatsapp.svg
new file mode 100644
index 00000000000..e0b30d97691
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/whatsapp.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="33" viewBox="0 0 32 33" width="32">
+<g clip-path="url(#clip0_6102_2460)">
+<path d="M31.2918 15.7786C31.1472 11.8236 29.4807 8.07736 26.6398 5.32206C23.7989 2.56675 20.0035 1.0154 16.046 0.991948H15.9713C13.3062 0.989968 10.6866 1.68188 8.37012 2.9996C6.05365 4.31732 4.12016 6.21543 2.7599 8.50718C1.39964 10.7989 0.659494 13.4054 0.612273 16.07C0.565054 18.7346 1.21239 21.3656 2.4906 23.7041L1.13334 31.8258C1.13113 31.8425 1.1325 31.8594 1.13735 31.8755C1.14219 31.8916 1.15042 31.9065 1.16146 31.9192C1.17251 31.9319 1.18612 31.942 1.2014 31.949C1.21668 31.956 1.23327 31.9596 1.25008 31.9597H1.27343L9.30642 30.1729C11.382 31.1693 13.6549 31.6864 15.9572 31.6858C16.1036 31.6858 16.2499 31.6858 16.3962 31.6858C18.4215 31.628 20.4153 31.1696 22.2624 30.3372C24.1096 29.5048 25.7736 28.3148 27.1585 26.8359C28.5434 25.357 29.6217 23.6185 30.331 21.7205C31.0404 19.8227 31.3669 17.8032 31.2918 15.7786ZM16.3199 29.0163C16.1985 29.0163 16.0771 29.0163 15.9572 29.0163C13.9225 29.0189 11.9168 28.532 10.1096 27.5969L9.69866 27.3821L4.25098 28.6693L5.25646 23.1578L5.02299 22.7624C3.9079 20.8613 3.30727 18.7024 3.28027 16.4985C3.25328 14.2946 3.80084 12.1216 4.86903 10.1937C5.93723 8.26575 7.4892 6.64932 9.3721 5.50361C11.255 4.35789 13.4039 3.72241 15.6071 3.65976C15.7295 3.65976 15.8525 3.65976 15.9759 3.65976C19.3024 3.66962 22.4918 4.98583 24.857 7.32482C27.2222 9.66381 28.5739 12.8384 28.6209 16.1644C28.6678 19.4906 27.4062 22.7019 25.108 25.1068C22.8097 27.5116 19.6587 28.9173 16.3339 29.0211L16.3199 29.0163Z" fill="#25D366"/>
+<path d="M10.6211 8.93008C10.4315 8.93379 10.2445 8.9755 10.0712 9.05276C9.898 9.13003 9.74202 9.24128 9.61254 9.37991C9.24676 9.75502 8.22416 10.6578 8.16501 12.5536C8.10587 14.4493 9.43043 16.3249 9.61565 16.588C9.80088 16.851 12.148 20.9462 16.0143 22.6068C18.2869 23.5859 19.283 23.754 19.9289 23.754C20.1951 23.754 20.3959 23.726 20.6059 23.7135C21.3142 23.67 22.9127 22.8513 23.2613 21.961C23.61 21.0706 23.6333 20.2924 23.5415 20.1368C23.4497 19.9811 23.1975 19.869 22.8177 19.6698C22.438 19.4705 20.5749 18.4744 20.2246 18.3343C20.0948 18.2738 19.955 18.2375 19.8121 18.227C19.7191 18.2318 19.6287 18.2593 19.5487 18.3071C19.4687 18.3548 19.4015 18.4214 19.353 18.5008C19.0417 18.8884 18.3273 19.7305 18.0875 19.9734C18.0352 20.0336 17.9707 20.0823 17.8983 20.1161C17.8259 20.1499 17.7472 20.168 17.6673 20.1695C17.5201 20.163 17.3761 20.1242 17.2455 20.0558C16.1169 19.5766 15.088 18.8902 14.2119 18.0324C13.3933 17.2256 12.6988 16.3019 12.1511 15.2914C11.9395 14.8992 12.1511 14.6969 12.3441 14.5132C12.5372 14.3295 12.7441 14.0759 12.9434 13.8563C13.1069 13.6688 13.2431 13.4593 13.3481 13.2337C13.4024 13.1291 13.4299 13.0125 13.4279 12.8946C13.4261 12.7767 13.3949 12.6611 13.3372 12.5582C13.2454 12.3621 12.559 10.4336 12.2368 9.66007C11.9753 8.99857 11.664 8.97678 11.3916 8.95655C11.1675 8.94098 10.9106 8.9332 10.6538 8.92542H10.6211" fill="#25D366"/>
+</g>
+<defs>
+<clipPath id="clip0_6102_2460">
+<rect fill="white" height="32" transform="translate(0 0.5)" width="32"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/x.svg b/packages/mosaic/src/components/provider-logo/logos/x.svg
new file mode 100644
index 00000000000..eb25177fb40
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/x.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g clip-path="url(#clip0_98_34)">
+<path d="M15.75 0.9375H18.8175L12.1175 8.615L20 19.0625H13.8287L8.995 12.725L3.46375 19.0625H0.395L7.56125 10.85L0 0.9375H6.32875L10.6975 6.72875L15.75 0.9375ZM14.675 17.2225H16.375L5.40375 2.68125H3.58125L14.675 17.2225Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_98_34">
+<rect fill="white" height="20" width="20"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/logos/xero.svg b/packages/mosaic/src/components/provider-logo/logos/xero.svg
new file mode 100644
index 00000000000..00b4ae799b2
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/logos/xero.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" viewBox="0 0 20 20" width="20">
+<g clip-path="url(#clip0_98_51)">
+<mask height="20" id="mask0_98_51" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="20" x="0" y="0">
+<path d="M20 0H0V20H20V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_98_51)">
+<path d="M9.99998 19.9619C15.5018 19.9619 19.9618 15.5018 19.9618 9.99994C19.9618 4.49817 15.5018 0.0380859 9.99998 0.0380859C4.49817 0.0380859 0.0380859 4.49817 0.0380859 9.99994C0.0380859 15.5018 4.49817 19.9619 9.99998 19.9619Z" fill="#1AB4D7"/>
+<path d="M4.80712 9.97111L6.5072 8.26683C6.56356 8.20938 6.59501 8.13333 6.59501 8.05267C6.59501 7.88457 6.45836 7.74805 6.29026 7.74805C6.20838 7.74805 6.13161 7.78015 6.07373 7.83875L4.37518 9.53648L2.66903 7.8362C2.61138 7.77937 2.53499 7.74805 2.45399 7.74805C2.28609 7.74805 2.14941 7.8845 2.14941 8.05243C2.14941 8.13435 2.18211 8.21122 2.24081 8.26914L3.94065 9.96874L2.24169 11.6709C2.18198 11.7297 2.14941 11.8067 2.14941 11.889C2.14941 12.0571 2.28609 12.1934 2.45399 12.1934C2.53513 12.1934 2.61159 12.1619 2.66903 12.1045L4.37253 10.4033L6.06956 12.0983C6.12975 12.1605 6.2074 12.1936 6.29026 12.1936C6.45819 12.1936 6.59485 12.0571 6.59485 11.889C6.59485 11.8079 6.56343 11.7317 6.50625 11.6743L4.80712 9.97111Z" fill="white"/>
+<path d="M14.9131 9.97054C14.9131 10.2757 15.1613 10.524 15.4669 10.524C15.7718 10.524 16.0201 10.2757 16.0201 9.97054C16.0201 9.66525 15.7718 9.41699 15.4669 9.41699C15.1613 9.41699 14.9131 9.66525 14.9131 9.97054Z" fill="white"/>
+<path d="M13.863 9.97104C13.863 9.08715 14.582 8.36796 15.466 8.36796C16.3496 8.36796 17.0688 9.08715 17.0688 9.97104C17.0688 10.8547 16.3496 11.5736 15.466 11.5736C14.582 11.5736 13.863 10.8547 13.863 9.97104ZM13.2324 9.97104C13.2324 11.2024 14.2344 12.2043 15.466 12.2043C16.6976 12.2043 17.7002 11.2024 17.7002 9.97104C17.7002 8.73944 16.6976 7.7373 15.466 7.7373C14.2344 7.7373 13.2324 8.73944 13.2324 9.97104Z" fill="white"/>
+<path d="M13.0742 7.77566L12.9805 7.77539C12.6991 7.77539 12.4278 7.86412 12.2012 8.03876C12.1713 7.90211 12.0491 7.79929 11.9037 7.79929C11.7362 7.79929 11.602 7.93346 11.6016 8.10126L11.6026 11.8633C11.6031 12.0308 11.7397 12.1669 11.9072 12.1669C12.0748 12.1669 12.2114 12.0308 12.2118 11.8629L12.2119 9.54972C12.2119 8.77876 12.2824 8.46739 12.9428 8.38487C13.0039 8.37728 13.0705 8.37846 13.0705 8.37846C13.2513 8.37226 13.3797 8.24808 13.3797 8.08025C13.3797 7.91231 13.2426 7.77566 13.0742 7.77566Z" fill="white"/>
+<path d="M7.22544 9.60366C7.22544 9.59532 7.22608 9.58664 7.22649 9.57807C7.40333 8.87899 8.03647 8.36166 8.79049 8.36166C9.55363 8.36166 10.1926 8.8917 10.3604 9.60366H7.22544ZM10.9842 9.54614C10.8529 8.92467 10.5127 8.41419 9.99452 8.08636C9.23718 7.60554 8.2371 7.63214 7.50559 8.15235C6.90889 8.57684 6.56445 9.27125 6.56445 9.98657C6.56445 10.1659 6.58607 10.3469 6.63108 10.5251C6.85639 11.4115 7.61834 12.0824 8.52678 12.1936C8.79635 12.2263 9.05874 12.2106 9.33045 12.1403C9.56393 12.0835 9.78985 11.9888 9.99802 11.8554C10.2141 11.7165 10.3946 11.5333 10.5694 11.3141C10.573 11.3101 10.5765 11.3065 10.5801 11.3023C10.7014 11.1518 10.6789 10.9378 10.5456 10.8356C10.4331 10.7495 10.2443 10.7145 10.0958 10.9048C10.0638 10.9502 10.0282 10.997 9.98897 11.0438C9.87085 11.1744 9.72431 11.3008 9.54871 11.3989C9.32527 11.5183 9.07064 11.5865 8.79994 11.588C7.91395 11.5781 7.43984 10.9597 7.27119 10.5183C7.24174 10.4358 7.21903 10.3503 7.2032 10.2623C7.20114 10.2458 7.19961 10.2299 7.199 10.2153C7.38219 10.2153 10.3785 10.2148 10.3785 10.2148C10.8144 10.2056 11.049 9.89797 10.9842 9.54614Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_98_51">
+<rect fill="white" height="20" width="20"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/packages/mosaic/src/components/provider-logo/oauth.generated.ts b/packages/mosaic/src/components/provider-logo/oauth.generated.ts
new file mode 100644
index 00000000000..faa7a99a337
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/oauth.generated.ts
@@ -0,0 +1,72 @@
+import { agentid } from './glyphs/agentid.generated';
+import { apple } from './glyphs/apple.generated';
+import { atlassian } from './glyphs/atlassian.generated';
+import { bitbucket } from './glyphs/bitbucket.generated';
+import { box } from './glyphs/box.generated';
+import { coinbase } from './glyphs/coinbase.generated';
+import { discord } from './glyphs/discord.generated';
+import { dropbox } from './glyphs/dropbox.generated';
+import { enstall } from './glyphs/enstall.generated';
+import { facebook } from './glyphs/facebook.generated';
+import { github } from './glyphs/github.generated';
+import { gitlab } from './glyphs/gitlab.generated';
+import { google } from './glyphs/google.generated';
+import { hubspot } from './glyphs/hubspot.generated';
+import { huggingface } from './glyphs/huggingface.generated';
+import { instagram } from './glyphs/instagram.generated';
+import { line } from './glyphs/line.generated';
+import { linear } from './glyphs/linear.generated';
+import { linkedin } from './glyphs/linkedin.generated';
+import { linkedinOidc } from './glyphs/linkedin_oidc.generated';
+import { microsoft } from './glyphs/microsoft.generated';
+import { notion } from './glyphs/notion.generated';
+import { slack } from './glyphs/slack.generated';
+import { spotify } from './glyphs/spotify.generated';
+import { tiktok } from './glyphs/tiktok.generated';
+import { twitch } from './glyphs/twitch.generated';
+import { twitter } from './glyphs/twitter.generated';
+import { vercel } from './glyphs/vercel.generated';
+import { x } from './glyphs/x.generated';
+import { xero } from './glyphs/xero.generated';
+import type { ProviderLogoGlyph } from './provider-logo.types';
+
+export const oauthLogos = {
+  google,
+  discord,
+  facebook,
+  twitch,
+  twitter,
+  microsoft,
+  tiktok,
+  linkedin,
+  linkedin_oidc: linkedinOidc,
+  github,
+  gitlab,
+  dropbox,
+  atlassian,
+  bitbucket,
+  hubspot,
+  notion,
+  apple,
+  line,
+  instagram,
+  coinbase,
+  spotify,
+  xero,
+  box,
+  slack,
+  linear,
+  x,
+  enstall,
+  huggingface,
+  vercel,
+  agentid,
+} satisfies Record<string, ProviderLogoGlyph>;
+
+export type OAuthLogoId = keyof typeof oauthLogos;
+
+const lookup: ReadonlyMap<string, ProviderLogoGlyph> = new Map(Object.entries(oauthLogos));
+
+export function getOAuthLogo(id: string): ProviderLogoGlyph | undefined {
+  return lookup.get(id);
+}
diff --git a/packages/mosaic/src/components/provider-logo/phone.generated.ts b/packages/mosaic/src/components/provider-logo/phone.generated.ts
new file mode 100644
index 00000000000..e16428dcbee
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/phone.generated.ts
@@ -0,0 +1,14 @@
+import { whatsapp } from './glyphs/whatsapp.generated';
+import type { ProviderLogoGlyph } from './provider-logo.types';
+
+export const phoneLogos = {
+  whatsapp,
+} satisfies Record<string, ProviderLogoGlyph>;
+
+export type PhoneLogoId = keyof typeof phoneLogos;
+
+const lookup: ReadonlyMap<string, ProviderLogoGlyph> = new Map(Object.entries(phoneLogos));
+
+export function getPhoneLogo(id: string): ProviderLogoGlyph | undefined {
+  return lookup.get(id);
+}
diff --git a/packages/mosaic/src/components/provider-logo/provider-logo.styles.ts b/packages/mosaic/src/components/provider-logo/provider-logo.styles.ts
new file mode 100644
index 00000000000..0af39273f8b
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/provider-logo.styles.ts
@@ -0,0 +1,8 @@
+import * as stylex from '@stylexjs/stylex';
+
+export const styles = stylex.create({
+  base: {
+    display: 'inline-block',
+    flexShrink: 0,
+  },
+});
diff --git a/packages/mosaic/src/components/provider-logo/provider-logo.test.tsx b/packages/mosaic/src/components/provider-logo/provider-logo.test.tsx
new file mode 100644
index 00000000000..4a6566a5bc8
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/provider-logo.test.tsx
@@ -0,0 +1,76 @@
+import { ALTERNATIVE_PHONE_CODE_PROVIDERS } from '@clerk/shared/alternativePhoneCode';
+import { OAUTH_PROVIDERS } from '@clerk/shared/oauth';
+import { WEB3_PROVIDERS } from '@clerk/shared/web3';
+import { render } from '@testing-library/react';
+import React from 'react';
+import { describe, expect, it } from 'vitest';
+
+import { enterpriseLogos, getEnterpriseLogo } from './enterprise.generated';
+import { getOAuthLogo, oauthLogos } from './oauth.generated';
+import { phoneLogos } from './phone.generated';
+import { ProviderLogo } from './provider-logo';
+import { web3Logos } from './web3.generated';
+
+describe('Mosaic ProviderLogo', () => {
+  it('renders the glyph and reflects its slot', () => {
+    const { container } = render(<ProviderLogo glyph={oauthLogos.google} />);
+    const svg = container.querySelector('svg');
+
+    expect(svg).toHaveClass('cl-provider-logo');
+    expect(svg).toHaveAttribute('data-provider', 'google');
+    expect(svg).toHaveAttribute('data-size', 'md');
+    expect(svg).toHaveAttribute('aria-hidden', 'true');
+    expect(svg).toHaveAttribute('viewBox');
+    expect(svg?.querySelector('path')).not.toBeNull();
+  });
+
+  it('paints monochrome logos with currentColor', () => {
+    const { container } = render(<ProviderLogo glyph={oauthLogos.vercel} />);
+
+    expect(container.querySelector('[fill="currentColor"]')).not.toBeNull();
+  });
+
+  it('paints adaptive logos with light-dark colors', () => {
+    const { container } = render(<ProviderLogo glyph={oauthLogos.apple} />);
+
+    expect(container.querySelector('path')?.getAttribute('style')).toContain('light-dark');
+  });
+
+  it('scopes internal ids to each instance', () => {
+    const { container } = render(
+      <>
+        <ProviderLogo glyph={oauthLogos.google} />
+        <ProviderLogo glyph={oauthLogos.google} />
+      </>,
+    );
+    const ids = [...container.querySelectorAll('[id]')].map(node => node.id);
+
+    expect(ids.length).toBeGreaterThan(1);
+    expect(new Set(ids).size).toBe(ids.length);
+    for (const node of container.querySelectorAll('[clip-path]')) {
+      const ref = node.getAttribute('clip-path')?.match(/#([^)]+)/)?.[1];
+      expect(ref && node.closest('svg')?.querySelector(`[id="${ref}"]`)).toBeTruthy();
+    }
+  });
+});
+
+describe('provider logo groups', () => {
+  it('covers every OAuth, Web3, and phone provider Clerk supports', () => {
+    expect(Object.keys(oauthLogos).sort()).toEqual(OAUTH_PROVIDERS.map(p => p.provider).sort());
+    expect(Object.keys(web3Logos).sort()).toEqual(WEB3_PROVIDERS.map(p => p.provider).sort());
+    expect(Object.keys(phoneLogos).sort()).toEqual(ALTERNATIVE_PHONE_CODE_PROVIDERS.map(p => p.channel).sort());
+  });
+
+  it('shares one glyph between groups', () => {
+    expect(enterpriseLogos.saml_google).toBe(oauthLogos.google);
+    expect(enterpriseLogos.oauth_microsoft).toBe(oauthLogos.microsoft);
+  });
+
+  it('looks up ids only within their own group', () => {
+    expect(getEnterpriseLogo('saml_okta')?.id).toBe('okta');
+    expect(getEnterpriseLogo('okta')).toBeUndefined();
+    expect(getEnterpriseLogo('google')).toBeUndefined();
+    expect(getOAuthLogo('saml_google')).toBeUndefined();
+    expect(getOAuthLogo('custom_acme')).toBeUndefined();
+  });
+});
diff --git a/packages/mosaic/src/components/provider-logo/provider-logo.tsx b/packages/mosaic/src/components/provider-logo/provider-logo.tsx
new file mode 100644
index 00000000000..a2d95f28ac8
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/provider-logo.tsx
@@ -0,0 +1,39 @@
+import * as stylex from '@stylexjs/stylex';
+import React from 'react';
+
+import type { MosaicElementProps } from '../../props';
+import { mergeStyleProps, themeProps } from '../../props';
+import { reset } from '../../styles/reset.styles';
+import type { IconProps } from '../icon';
+import { sizes } from '../icon/icon.styles';
+import { styles } from './provider-logo.styles';
+import type { ProviderLogoGlyph } from './provider-logo.types';
+
+export interface ProviderLogoProps extends MosaicElementProps<'svg'> {
+  glyph: ProviderLogoGlyph;
+  size?: IconProps['size'];
+}
+
+export const ProviderLogo = React.forwardRef<SVGSVGElement, ProviderLogoProps>(function MosaicProviderLogo(
+  { glyph, size = 'md', xstyle, ...rest },
+  ref,
+) {
+  const uid = React.useId().replace(/[^\w-]/g, '');
+  const props = mergeStyleProps(
+    { 'aria-hidden': true },
+    themeProps('provider-logo', { size, provider: glyph.id }),
+    stylex.props(reset.base, styles.base, sizes[size], xstyle),
+    rest,
+  );
+
+  return (
+    <svg
+      ref={ref}
+      viewBox={glyph.viewBox}
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      {glyph.render(uid)}
+    </svg>
+  );
+});
diff --git a/packages/mosaic/src/components/provider-logo/provider-logo.types.ts b/packages/mosaic/src/components/provider-logo/provider-logo.types.ts
new file mode 100644
index 00000000000..0bf4147ff91
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/provider-logo.types.ts
@@ -0,0 +1,7 @@
+import type React from 'react';
+
+export type ProviderLogoGlyph = {
+  id: string;
+  viewBox: string;
+  render: (uid: string) => React.ReactElement;
+};
diff --git a/packages/mosaic/src/components/provider-logo/web3.generated.ts b/packages/mosaic/src/components/provider-logo/web3.generated.ts
new file mode 100644
index 00000000000..1b59fef5723
--- /dev/null
+++ b/packages/mosaic/src/components/provider-logo/web3.generated.ts
@@ -0,0 +1,22 @@
+import { base } from './glyphs/base.generated';
+import { coinbaseWallet } from './glyphs/coinbase_wallet.generated';
+import { metamask } from './glyphs/metamask.generated';
+import { okxWallet } from './glyphs/okx_wallet.generated';
+import { solana } from './glyphs/solana.generated';
+import type { ProviderLogoGlyph } from './provider-logo.types';
+
+export const web3Logos = {
+  metamask,
+  base,
+  coinbase_wallet: coinbaseWallet,
+  okx_wallet: okxWallet,
+  solana,
+} satisfies Record<string, ProviderLogoGlyph>;
+
+export type Web3LogoId = keyof typeof web3Logos;
+
+const lookup: ReadonlyMap<string, ProviderLogoGlyph> = new Map(Object.entries(web3Logos));
+
+export function getWeb3Logo(id: string): ProviderLogoGlyph | undefined {
+  return lookup.get(id);
+}
diff --git a/packages/mosaic/src/features/user-profile/__tests__/user-profile-profile-panel.view.test.tsx b/packages/mosaic/src/features/user-profile/__tests__/user-profile-profile-panel.view.test.tsx
index 11026dd9f18..862aaf2acc5 100644
--- a/packages/mosaic/src/features/user-profile/__tests__/user-profile-profile-panel.view.test.tsx
+++ b/packages/mosaic/src/features/user-profile/__tests__/user-profile-profile-panel.view.test.tsx
@@ -107,7 +107,13 @@ describe('UserProfileProfilePanelView', () => {
         <UserProfileWeb3WalletsSectionView
           registerTrigger={() => null}
           wallets={[
-            { id: 'metamask', provider: 'MetaMask', address: 'test', isVerified: true, iconUrl: '/metamask.svg' },
+            {
+              id: 'metamask',
+              provider: 'MetaMask',
+              address: 'test',
+              isVerified: true,
+              icon: { iconUrl: '/metamask.svg' },
+            },
           ]}
         />
       ),
@@ -131,7 +137,7 @@ describe('UserProfileProfilePanelView', () => {
               id: 'primary',
               address: '0x1234567890abcdef1234567890abcdef12345678',
               provider: 'MetaMask',
-              iconUrl: 'https://example.com/metamask.svg',
+              icon: { iconUrl: 'https://example.com/metamask.svg' },
               isPrimary: true,
               isVerified: true,
             },
diff --git a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/__tests__/user-profile-connected-accounts-section.model.test.ts b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/__tests__/user-profile-connected-accounts-section.model.test.ts
index 543c585adb5..e7ce7297f89 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/__tests__/user-profile-connected-accounts-section.model.test.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/__tests__/user-profile-connected-accounts-section.model.test.ts
@@ -1,6 +1,7 @@
 import type { OAuthProvider } from '@clerk/shared/types';
 import { describe, expect, it } from 'vitest';
 
+import { oauthLogos } from '../../../../components/provider-logo/oauth.generated';
 import {
   createProviderCatalog,
   projectConnectedAccounts,
@@ -187,22 +188,20 @@ describe('projectConnectedAccounts', () => {
     });
     expect(projection.status === 'ready' && projection.accounts[0]).toMatchObject({
       provider: 'Custom Provider',
-      iconUrl: 'https://img.example/custom.png',
+      icon: { iconUrl: 'https://img.example/custom.png' },
     });
   });
 
-  it('marks monochrome provider logos', () => {
+  it('uses bundled logos for built-in providers', () => {
     const projection = projectConnectedAccounts({
       user: userWith([]),
       providers: social('oauth_github', 'oauth_google'),
       socialEnabled: true,
       allowCreation: true,
     });
-    expect(
-      projection.status === 'ready' && projection.availableProviders.map(p => [p.id, Boolean(p.monochromeIcon)]),
-    ).toEqual([
-      ['oauth_github', true],
-      ['oauth_google', false],
+    expect(projection.status === 'ready' && projection.availableProviders.map(p => [p.id, p.icon])).toEqual([
+      ['oauth_github', { logo: oauthLogos.github }],
+      ['oauth_google', { logo: oauthLogos.google }],
     ]);
   });
 
diff --git a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-account-row.view.tsx b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-account-row.view.tsx
index 9e2f5df2392..c5f5e450c39 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-account-row.view.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-account-row.view.tsx
@@ -10,7 +10,7 @@ import { Section } from '../../../components/section';
 import { ArrowUpRight } from '../../../icons/glyphs/arrow-up-right';
 import { fill, useMessages } from '../../../localization';
 import { truncationStyles } from '../../../styles/typography.styles';
-import { UserProfileProviderMedia } from '../user-profile-provider-media';
+import { UserProfileProviderIcon } from '../user-profile-provider-icon';
 import { styles } from './user-profile-connected-accounts-section.styles';
 import type {
   UserProfileConnectedAccount,
@@ -34,11 +34,7 @@ export function UserProfileConnectProviderRowView({
   return (
     <Section.Row xstyle={styles.connectRow}>
       <Section.Item>
-        <UserProfileProviderMedia
-          provider={provider.provider}
-          iconUrl={provider.iconUrl}
-          monochromeIcon={provider.monochromeIcon}
-        />
+        <UserProfileProviderIcon {...provider.icon} />
         <Section.Content>
           <Section.Label>
             <span
@@ -102,11 +98,7 @@ export function UserProfileConnectedAccountRowView({
   return (
     <Section.Row>
       <Section.Item>
-        <UserProfileProviderMedia
-          provider={account.provider}
-          iconUrl={account.iconUrl}
-          monochromeIcon={account.monochromeIcon}
-        />
+        <UserProfileProviderIcon {...account.icon} />
         <Section.Content>
           <Section.Label>
             <span
diff --git a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.model.ts b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.model.ts
index 00d2f9b60d9..8605eea062b 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.model.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.model.ts
@@ -15,13 +15,14 @@ import type {
   VerificationResource,
 } from '@clerk/shared/types';
 
+import { getOAuthLogo } from '../../../components/provider-logo/oauth.generated';
 import { useMosaicEnvironment } from '../../../hooks/use-mosaic-environment';
 import { useMosaicRouter } from '../../../hooks/use-mosaic-router';
 import { allowsIdentificationCreation } from '../../../utils/allows-identification-creation';
 import type { ReverificationController } from '../../reverification';
 import { useReverificationFlow } from '../../reverification';
 import { useUserProfileOptions } from '../user-profile.provider';
-import { isMonochromeProvider } from '../user-profile-provider.utils';
+import { toProviderIcon } from '../user-profile-provider-icon.model';
 import type {
   ConnectedAccountActionResult,
   ConnectedAccountProviderDisplay,
@@ -88,8 +89,7 @@ export function createProviderCatalog(
     enabled: enabled.has(strategy),
     display: {
       provider: name,
-      iconUrl: iconImageUrl(provider),
-      monochromeIcon: isMonochromeProvider(provider),
+      icon: toProviderIcon({ logo: getOAuthLogo(provider), iconUrl: iconImageUrl(provider), label: name }),
     },
   }));
   const candidates = new Set([
@@ -109,7 +109,10 @@ export function createProviderCatalog(
       strategy,
       provider,
       enabled: enabled.has(strategy),
-      display: { provider: settings?.name || provider, iconUrl: settings?.logo_url || undefined },
+      display: {
+        provider: settings?.name || provider,
+        icon: toProviderIcon({ iconUrl: settings?.logo_url, label: settings?.name || provider }),
+      },
     });
   }
   return [
@@ -162,7 +165,10 @@ function toAccountRow(
   const { status } = recoveryFor(account, scopes, providers);
   return {
     id: account.id,
-    ...(providers.find(provider => provider.provider === account.provider)?.display ?? { provider: account.provider }),
+    ...(providers.find(provider => provider.provider === account.provider)?.display ?? {
+      provider: account.provider,
+      icon: toProviderIcon({ logo: getOAuthLogo(account.provider), label: account.provider }),
+    }),
     identifier: account.username || account.emailAddress || undefined,
     status,
     verificationError: status === 'error' ? error?.longMessage : undefined,
diff --git a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.types.ts b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.types.ts
index 77168d0dfd5..08532634ede 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.types.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-connected-accounts-section/user-profile-connected-accounts-section.types.ts
@@ -3,13 +3,13 @@ import type { Ref } from 'react';
 import type { ConfirmController } from '../../../blocks/confirm';
 import type { DialogFocusTarget } from '../../../components/dialog';
 import type { ReverificationController } from '../../reverification';
+import type { UserProfileProviderIconProps } from '../user-profile-provider-icon';
 
 export type ConnectedAccountActionResult = 'redirecting' | void;
 
 export interface ConnectedAccountProviderDisplay {
   provider: string;
-  iconUrl?: string;
-  monochromeIcon?: boolean;
+  icon: UserProfileProviderIconProps;
 }
 
 export interface UserProfileConnectionProvider extends ConnectedAccountProviderDisplay {
diff --git a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/__tests__/user-profile-enterprise-accounts-projection.test.ts b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/__tests__/user-profile-enterprise-accounts-projection.test.ts
index 7d7b24fc198..723b90be652 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/__tests__/user-profile-enterprise-accounts-projection.test.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/__tests__/user-profile-enterprise-accounts-projection.test.ts
@@ -6,12 +6,14 @@ describe('projectEnterpriseAccounts', () => {
   const connection = (id: string, allowOrganizationAccountLinking = true) => ({
     id,
     name: id,
+    provider: 'saml_custom',
     allowOrganizationAccountLinking,
   });
   const account = (id: string, enterpriseConnectionId: string, active = true, error?: string) => ({
     id,
     emailAddress: `${id}@example.com`,
     enterpriseConnectionId,
+    provider: 'saml_custom' as const,
     verification: error ? { error: { longMessage: error } } : null,
     enterpriseConnection: { active, name: enterpriseConnectionId, logoPublicUrl: null },
   });
diff --git a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-account-row.view.tsx b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-account-row.view.tsx
index 63929b3dabb..3a3b2cc8173 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-account-row.view.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-account-row.view.tsx
@@ -2,11 +2,12 @@ import * as stylex from '@stylexjs/stylex';
 
 import { Badge } from '../../../components/badge';
 import { SubmitButton } from '../../../components/button';
-import { Icon, IconFrame } from '../../../components/icon';
+import { Icon } from '../../../components/icon';
 import { Section } from '../../../components/section';
 import { ArrowUpRight } from '../../../icons/glyphs/arrow-up-right';
 import { fill, useMessages } from '../../../localization';
 import { truncationStyles } from '../../../styles/typography.styles';
+import { UserProfileProviderIcon } from '../user-profile-provider-icon';
 import { styles } from './user-profile-enterprise-accounts-section.styles';
 import type { UserProfileEnterpriseAccount } from './user-profile-enterprise-accounts-section.types';
 
@@ -22,29 +23,10 @@ export function UserProfileEnterpriseAccountRowView({
   disabled?: boolean;
 }) {
   const m = useMessages('userProfileEnterpriseAccountsSection');
-  const iconUrl = account.iconUrl?.trim();
   return (
     <Section.Row xstyle={onConnect && styles.connectRow}>
       <Section.Item>
-        <Section.Media size='lg'>
-          <IconFrame>
-            {iconUrl ? (
-              <img
-                src={iconUrl}
-                alt=''
-                aria-hidden
-                {...stylex.props(styles.icon)}
-              />
-            ) : (
-              <span
-                aria-hidden
-                {...stylex.props(styles.fallback)}
-              >
-                {account.name.trim().charAt(0).toUpperCase()}
-              </span>
-            )}
-          </IconFrame>
-        </Section.Media>
+        <UserProfileProviderIcon {...account.icon} />
         <Section.Content>
           <Section.Label>
             <span
diff --git a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.model.ts b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.model.ts
index bf04266faa7..f07feb682a3 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.model.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.model.ts
@@ -3,18 +3,20 @@ import { appendModalState } from '@clerk/shared/internal/clerk-js/queryStatePara
 import { __internal_useUserEnterpriseConnections, useClerk, useUser } from '@clerk/shared/react';
 import type { EnterpriseAccountResource, EnterpriseConnectionResource, UserResource } from '@clerk/shared/types';
 
+import { getEnterpriseLogo } from '../../../components/provider-logo/enterprise.generated';
 import { useMosaicEnvironment } from '../../../hooks/use-mosaic-environment';
 import { useMosaicRouter } from '../../../hooks/use-mosaic-router';
 import type { ReverificationController } from '../../reverification';
 import { useReverificationFlow } from '../../reverification';
 import { useUserProfileOptions } from '../user-profile.provider';
+import { toProviderIcon } from '../user-profile-provider-icon.model';
 import type {
   EnterpriseAccountActionResult,
   UserProfileEnterpriseAccount,
   UserProfileEnterpriseConnection,
 } from './user-profile-enterprise-accounts-section.types';
 
-type Account = Pick<EnterpriseAccountResource, 'id' | 'emailAddress' | 'enterpriseConnectionId'> & {
+type Account = Pick<EnterpriseAccountResource, 'id' | 'emailAddress' | 'enterpriseConnectionId' | 'provider'> & {
   verification?: { error?: { longMessage?: string | null } | null } | null;
   enterpriseConnection: {
     active: boolean;
@@ -23,7 +25,7 @@ type Account = Pick<EnterpriseAccountResource, 'id' | 'emailAddress' | 'enterpri
   } | null;
 };
 
-type Connection = Pick<EnterpriseConnectionResource, 'id' | 'name' | 'allowOrganizationAccountLinking'> & {
+type Connection = Pick<EnterpriseConnectionResource, 'id' | 'name' | 'allowOrganizationAccountLinking' | 'provider'> & {
   logoPublicUrl?: string | null;
 };
 
@@ -50,13 +52,25 @@ export function projectEnterpriseAccounts({
     .map(account => ({
       id: account.id ?? '',
       name: account.enterpriseConnection?.name ?? '',
-      iconUrl: account.enterpriseConnection?.logoPublicUrl ?? undefined,
+      icon: toProviderIcon({
+        logo: getEnterpriseLogo(account.provider),
+        iconUrl: account.enterpriseConnection?.logoPublicUrl,
+        label: account.enterpriseConnection?.name ?? '',
+      }),
       emailAddress: account.emailAddress,
       requiresAction: Boolean(account.verification?.error?.longMessage),
     }));
   const linkableConnections = connections
     .filter(connection => connection.allowOrganizationAccountLinking && !linkedConnectionIds.has(connection.id))
-    .map(connection => ({ id: connection.id, name: connection.name, iconUrl: connection.logoPublicUrl ?? undefined }));
+    .map(connection => ({
+      id: connection.id,
+      name: connection.name,
+      icon: toProviderIcon({
+        logo: getEnterpriseLogo(connection.provider),
+        iconUrl: connection.logoPublicUrl,
+        label: connection.name,
+      }),
+    }));
 
   return visibleAccounts.length || linkableConnections.length
     ? { status: 'ready', accounts: visibleAccounts, connections: linkableConnections }
diff --git a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.styles.ts b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.styles.ts
index 1115299203d..9e18f6767d9 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.styles.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.styles.ts
@@ -1,28 +1,8 @@
 import * as stylex from '@stylexjs/stylex';
 
-import { colorVars, radiusVars, space } from '../../../tokens.stylex';
-
 export const styles = stylex.create({
   connectRow: { justifyContent: 'center' },
-  fallback: {
-    borderRadius: radiusVars['--cl-radius-sm'],
-    alignItems: 'center',
-    backgroundColor: `color-mix(in oklab, ${colorVars['--cl-color-neutral']} 8%, transparent)`,
-    color: colorVars['--cl-color-neutral'],
-    display: 'inline-flex',
-    flexShrink: 0,
-    fontSize: '0.625rem',
-    justifyContent: 'center',
-    height: '100%',
-    width: '100%',
-  },
   text: {
     minWidth: 0,
   },
-  icon: {
-    display: 'block',
-    objectFit: 'contain',
-    height: space['5'],
-    width: space['5'],
-  },
 });
diff --git a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.types.ts b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.types.ts
index 65d8e73e13d..f470e38ae8e 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.types.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.types.ts
@@ -1,7 +1,9 @@
+import type { UserProfileProviderIconProps } from '../user-profile-provider-icon';
+
 export interface UserProfileEnterpriseConnection {
   id: string;
   name: string;
-  iconUrl?: string;
+  icon: UserProfileProviderIconProps;
   connectError?: string;
 }
 
diff --git a/packages/mosaic/src/features/user-profile/user-profile-managed-by.model.ts b/packages/mosaic/src/features/user-profile/user-profile-managed-by.model.ts
new file mode 100644
index 00000000000..346c7fc1f44
--- /dev/null
+++ b/packages/mosaic/src/features/user-profile/user-profile-managed-by.model.ts
@@ -0,0 +1,14 @@
+import type { EnterpriseAccountResource } from '@clerk/shared/types';
+
+import { getEnterpriseLogo } from '../../components/provider-logo/enterprise.generated';
+import type { UserProfileManagedBy } from './user-profile-managed-by';
+
+type ManagingAccount = Pick<EnterpriseAccountResource, 'provider'> & {
+  enterpriseConnection?: { name?: string | null } | null;
+};
+
+export function toManagedBy(account: ManagingAccount): UserProfileManagedBy {
+  const name = account.enterpriseConnection?.name || undefined;
+  const logo = getEnterpriseLogo(account.provider);
+  return { ...(name ? { name } : {}), ...(logo ? { logo } : {}) };
+}
diff --git a/packages/mosaic/src/features/user-profile/user-profile-managed-by.tsx b/packages/mosaic/src/features/user-profile/user-profile-managed-by.tsx
index ab01442a007..4c42bae073a 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-managed-by.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-managed-by.tsx
@@ -1,27 +1,46 @@
 import * as stylex from '@stylexjs/stylex';
 
 import { Icon } from '../../components/icon';
+import type { ProviderLogoGlyph } from '../../components/provider-logo';
+import { ProviderLogo } from '../../components/provider-logo';
 import { Section, sectionCompactStyles } from '../../components/section';
 import { Lock } from '../../icons/glyphs/lock';
+import { fill, useMessages } from '../../localization';
 
 /** The enterprise connection a row's value comes from, which is why the row has nothing to edit. */
 export interface UserProfileManagedBy {
-  name: string;
+  name?: string;
+  logo?: ProviderLogoGlyph;
 }
 
-export function UserProfileManagedByLabel({ managedBy, label }: { managedBy: UserProfileManagedBy; label: string }) {
+export function UserProfileManagedByLabel({
+  managedBy,
+  template,
+}: {
+  managedBy: UserProfileManagedBy;
+  template: string;
+}) {
+  const m = useMessages('userProfile');
+  const name = managedBy.name || m.enterpriseConnection;
   return (
     <Section.Note
       icon={
-        <Icon
-          aria-hidden
-          glyph={Lock}
-          size='sm'
-        />
+        managedBy.logo ? (
+          <ProviderLogo
+            glyph={managedBy.logo}
+            size='sm'
+          />
+        ) : (
+          <Icon
+            aria-hidden
+            glyph={Lock}
+            size='sm'
+          />
+        )
       }
     >
-      <span {...stylex.props(sectionCompactStyles.hidden)}>{label}</span>
-      <span {...stylex.props(sectionCompactStyles.only)}>{managedBy.name}</span>
+      <span {...stylex.props(sectionCompactStyles.hidden)}>{fill(template, { name })}</span>
+      <span {...stylex.props(sectionCompactStyles.only)}>{name}</span>
     </Section.Note>
   );
 }
diff --git a/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-row.view.tsx b/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-row.view.tsx
index 48dd013ffd8..0c686660f3b 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-row.view.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-row.view.tsx
@@ -1,5 +1,5 @@
 import { Section } from '../../../components/section';
-import { fill, useMessages } from '../../../localization';
+import { useMessages } from '../../../localization';
 import { UserProfileManagedByLabel } from '../user-profile-managed-by';
 import type { UserProfilePasswordSectionViewProps } from './user-profile-password-section.types';
 
@@ -20,7 +20,7 @@ export function UserProfilePasswordRowView({
         ) : managedBy ? (
           <UserProfileManagedByLabel
             managedBy={managedBy}
-            label={fill(m.managedBy, { name: managedBy.name })}
+            template={m.managedBy}
           />
         ) : null}
       </Section.Item>
diff --git a/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.messages.ts b/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.messages.ts
index b9055babc0b..8b2081923a3 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.messages.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.messages.ts
@@ -3,7 +3,6 @@ export const userProfilePasswordSectionMessages = {
   masked: '••••••••••••••••••',
   noPasswordSet: 'No password set',
   managedBy: 'Managed by {name}',
-  enterpriseConnection: 'your enterprise connection',
   change: 'Change password',
   set: 'Set password',
 
diff --git a/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.model.ts b/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.model.ts
index 0c3a7d01641..f79a510fa16 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.model.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-password-section/user-profile-password-section.model.ts
@@ -12,6 +12,8 @@ import { useMosaicEnvironment } from '../../../hooks/use-mosaic-environment';
 import { useErrorText, useLocale, useMessages } from '../../../localization';
 import type { ReverificationController } from '../../reverification';
 import { useReverificationFlow } from '../../reverification';
+import type { UserProfileManagedBy } from '../user-profile-managed-by';
+import { toManagedBy } from '../user-profile-managed-by.model';
 import { passwordFormError } from './user-profile-password-errors';
 import { passwordFieldFeedback } from './user-profile-password-feedback';
 import type { UserProfileEditPasswordValue, UserProfilePasswordPolicy } from './user-profile-password-section.types';
@@ -21,7 +23,7 @@ type UnavailablePasswordModel =
   | {
       status: 'readonly';
       mode: 'set' | 'change';
-      managedBy: { name: string };
+      managedBy: UserProfileManagedBy;
     };
 
 export type UserProfilePasswordModel =
@@ -61,7 +63,7 @@ function getAvailablePasswordUser(
 
 type PasswordPolicyResult =
   | { status: 'hidden' }
-  | { status: 'readonly'; mode: 'set' | 'change'; enterpriseConnectionName: string | undefined }
+  | { status: 'readonly'; mode: 'set' | 'change'; managedBy: UserProfileManagedBy }
   | (UserProfilePasswordPolicy & { status: 'ready'; userId: string });
 
 function getPasswordPolicy(
@@ -85,7 +87,7 @@ function getPasswordPolicy(
     return {
       status: 'readonly',
       mode: policy.mode,
-      enterpriseConnectionName: enterpriseAccount.enterpriseConnection?.name,
+      managedBy: toManagedBy(enterpriseAccount),
     };
   }
 
@@ -154,7 +156,7 @@ export function useUserProfilePasswordModel(): UserProfilePasswordModel {
     return {
       status: 'readonly',
       mode: policy.mode,
-      managedBy: { name: policy.enterpriseConnectionName || m.enterpriseConnection },
+      managedBy: policy.managedBy,
     };
   }
   if (policy.status !== 'ready') {
diff --git a/packages/mosaic/src/features/user-profile/user-profile-profile-panel.styles.ts b/packages/mosaic/src/features/user-profile/user-profile-profile-panel.styles.ts
index 9de819edbf7..139fe4c062f 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-profile-panel.styles.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-profile-panel.styles.ts
@@ -1,6 +1,6 @@
 import * as stylex from '@stylexjs/stylex';
 
-import { space } from '../../tokens.stylex';
+import { colorVars, radiusVars, space } from '../../tokens.stylex';
 
 export const styles = stylex.create({
   countdown: {
@@ -17,7 +17,17 @@ export const styles = stylex.create({
   },
   providerIcon: {
     display: 'block',
+    objectFit: 'contain',
     height: space['5'],
     width: space['5'],
   },
+  providerInitial: {
+    borderRadius: radiusVars['--cl-radius-sm'],
+    alignItems: 'center',
+    backgroundColor: `color-mix(in oklab, ${colorVars['--cl-color-neutral']} 8%, transparent)`,
+    color: colorVars['--cl-color-neutral'],
+    display: 'inline-flex',
+    fontSize: '0.625rem',
+    justifyContent: 'center',
+  },
 });
diff --git a/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-name-row.view.tsx b/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-name-row.view.tsx
index 66ce55261dd..b8ddf1df58f 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-name-row.view.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-name-row.view.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 
 import { Section } from '../../../components/section';
-import { fill, useMessages } from '../../../localization';
+import { useMessages } from '../../../localization';
 import type { UserProfileManagedBy } from '../user-profile-managed-by';
 import { UserProfileManagedByLabel } from '../user-profile-managed-by';
 
@@ -26,7 +26,7 @@ export function UserProfileNameRowView({ name, managedBy, action }: UserProfileN
         ) : managedBy ? (
           <UserProfileManagedByLabel
             managedBy={managedBy}
-            label={fill(m.name.managedBy, { name: managedBy.name })}
+            template={m.name.managedBy}
           />
         ) : null}
       </Section.Item>
diff --git a/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-profile-section.model.ts b/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-profile-section.model.ts
index 3500cc19a3c..10991214a09 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-profile-section.model.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-profile-section/user-profile-profile-section.model.ts
@@ -1,10 +1,10 @@
 import { getFullName } from '@clerk/shared/internal/clerk-js/user';
-import type { AttributeData, EnterpriseAccountResource, UserResource } from '@clerk/shared/types';
+import type { AttributeData, UserResource } from '@clerk/shared/types';
 
 import { save } from '../../../utils/errors';
 import { useReverificationFlow } from '../../reverification';
 import { isAttributeAvailable } from '../user-profile.utils';
-import type { UserProfileManagedBy } from '../user-profile-managed-by';
+import { toManagedBy } from '../user-profile-managed-by.model';
 import { useUserProfileUserModel } from '../user-profile-user.model';
 import type { UserProfileEditNameField } from './user-profile-edit-name.dialog';
 import type { UserProfileEditUsernameField } from './user-profile-edit-username.dialog';
@@ -13,14 +13,6 @@ import type { UserProfileNameAttribute, UserProfileProfileSectionModel } from '.
 const NAME_FIELDS: readonly UserProfileEditNameField[] = ['firstName', 'lastName'];
 const USERNAME_FIELDS: readonly UserProfileEditUsernameField[] = ['username'];
 
-function toManagedBy(account: EnterpriseAccountResource | undefined): UserProfileManagedBy | undefined {
-  if (!account) {
-    return undefined;
-  }
-  const connection = account.enterpriseConnection;
-  return { name: connection?.name || account.provider.replace(/^(oauth_|saml_)/, '') };
-}
-
 function toNameAttribute(attribute: AttributeData | undefined): UserProfileNameAttribute {
   return { enabled: attribute?.enabled ?? false, required: attribute?.required ?? false };
 }
@@ -38,7 +30,8 @@ export function useUserProfileProfileSectionModel(): UserProfileProfileSectionMo
   const { attributes, usernameSettings } = environment.userSettings;
   const usernameImmutable = Boolean(attributes.username?.immutable);
   const showUsername = isAttributeAvailable(attributes.username) && !(usernameImmutable && !user.username);
-  const nameManagedBy = toManagedBy(user.enterpriseAccounts.find(account => account.active));
+  const managingAccount = user.enterpriseAccounts.find(account => account.active);
+  const nameManagedBy = managingAccount ? toManagedBy(managingAccount) : undefined;
 
   return {
     status: 'ready',
diff --git a/packages/mosaic/src/features/user-profile/user-profile-provider-icon.model.test.ts b/packages/mosaic/src/features/user-profile/user-profile-provider-icon.model.test.ts
new file mode 100644
index 00000000000..6ccdeadbd8a
--- /dev/null
+++ b/packages/mosaic/src/features/user-profile/user-profile-provider-icon.model.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest';
+
+import { enterpriseLogos } from '../../components/provider-logo/enterprise.generated';
+import { oauthLogos } from '../../components/provider-logo/oauth.generated';
+import { toManagedBy } from './user-profile-managed-by.model';
+import { toProviderIcon } from './user-profile-provider-icon.model';
+
+describe('toProviderIcon', () => {
+  it('prefers the bundled logo over an image URL', () => {
+    expect(toProviderIcon({ logo: oauthLogos.google, iconUrl: 'https://example.com/logo.png', label: 'Acme' })).toEqual(
+      { logo: oauthLogos.google },
+    );
+  });
+
+  it('falls back to the image URL without a bundled logo', () => {
+    expect(toProviderIcon({ iconUrl: ' https://example.com/logo.png ', label: 'Acme' })).toEqual({
+      iconUrl: 'https://example.com/logo.png',
+    });
+  });
+
+  it('falls back to the initial when there is no logo or image', () => {
+    expect(toProviderIcon({ iconUrl: null, label: ' acme SSO' })).toEqual({ initial: 'A' });
+  });
+});
+
+describe('toManagedBy', () => {
+  it('names the connection and carries its bundled enterprise logo', () => {
+    expect(toManagedBy({ provider: 'oidc_gitlab', enterpriseConnection: { name: 'Acme GitLab' } })).toEqual({
+      name: 'Acme GitLab',
+      logo: enterpriseLogos.oidc_gitlab,
+    });
+  });
+
+  it('leaves out a missing name and a logo it does not bundle', () => {
+    expect(toManagedBy({ provider: 'saml_custom', enterpriseConnection: null })).toEqual({});
+  });
+});
diff --git a/packages/mosaic/src/features/user-profile/user-profile-provider-icon.model.ts b/packages/mosaic/src/features/user-profile/user-profile-provider-icon.model.ts
new file mode 100644
index 00000000000..1daf25887ed
--- /dev/null
+++ b/packages/mosaic/src/features/user-profile/user-profile-provider-icon.model.ts
@@ -0,0 +1,21 @@
+import type { ProviderLogoGlyph } from '../../components/provider-logo';
+import type { UserProfileProviderIconProps } from './user-profile-provider-icon';
+
+export function toProviderIcon({
+  logo,
+  iconUrl,
+  label,
+}: {
+  logo?: ProviderLogoGlyph;
+  iconUrl?: string | null;
+  label: string;
+}): UserProfileProviderIconProps {
+  if (logo) {
+    return { logo };
+  }
+  const url = iconUrl?.trim();
+  if (url) {
+    return { iconUrl: url };
+  }
+  return { initial: label.trim().charAt(0).toUpperCase() };
+}
diff --git a/packages/mosaic/src/features/user-profile/user-profile-provider-icon.tsx b/packages/mosaic/src/features/user-profile/user-profile-provider-icon.tsx
index 01eb9cd0498..a2f5e605997 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-provider-icon.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-provider-icon.tsx
@@ -1,28 +1,59 @@
 import * as stylex from '@stylexjs/stylex';
 
 import { Icon, IconFrame } from '../../components/icon';
+import type { ProviderLogoGlyph } from '../../components/provider-logo';
+import { ProviderLogo } from '../../components/provider-logo';
 import { Section } from '../../components/section';
 import type { IconComponent } from '../../icons/glyph';
 import { styles } from './user-profile-profile-panel.styles';
 
-type UserProfileProviderIconProps = { iconUrl: string; glyph?: never } | { iconUrl?: never; glyph: IconComponent };
+export type UserProfileProviderIconProps =
+  | { logo: ProviderLogoGlyph }
+  | { iconUrl: string }
+  | { glyph: IconComponent }
+  | { initial: string };
+
+function ProviderIconContent(props: UserProfileProviderIconProps) {
+  if ('logo' in props) {
+    return (
+      <ProviderLogo
+        glyph={props.logo}
+        xstyle={styles.providerIcon}
+      />
+    );
+  }
+  if ('iconUrl' in props) {
+    return (
+      <img
+        alt=''
+        src={props.iconUrl}
+        {...stylex.props(styles.providerIcon)}
+      />
+    );
+  }
+  if ('glyph' in props) {
+    return (
+      <Icon
+        glyph={props.glyph}
+        xstyle={styles.providerIcon}
+      />
+    );
+  }
+  return (
+    <span
+      aria-hidden
+      {...stylex.props(styles.providerIcon, styles.providerInitial)}
+    >
+      {props.initial}
+    </span>
+  );
+}
 
 export function UserProfileProviderIcon(props: UserProfileProviderIconProps) {
   return (
     <Section.Media size='lg'>
       <IconFrame>
-        {'iconUrl' in props ? (
-          <img
-            alt=''
-            src={props.iconUrl}
-            {...stylex.props(styles.providerIcon)}
-          />
-        ) : (
-          <Icon
-            glyph={props.glyph}
-            xstyle={styles.providerIcon}
-          />
-        )}
+        <ProviderIconContent {...props} />
       </IconFrame>
     </Section.Media>
   );
diff --git a/packages/mosaic/src/features/user-profile/user-profile-provider-media.styles.ts b/packages/mosaic/src/features/user-profile/user-profile-provider-media.styles.ts
deleted file mode 100644
index f5ad38d6b2e..00000000000
--- a/packages/mosaic/src/features/user-profile/user-profile-provider-media.styles.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-
-import { colorVars, radiusVars, space } from '../../tokens.stylex';
-
-export const styles = stylex.create({
-  icon: { display: 'block', objectFit: 'contain', height: space['6'], width: space['6'] },
-  maskedIcon: {
-    backgroundColor: 'currentColor',
-    display: 'block',
-    maskPosition: 'center',
-    maskRepeat: 'no-repeat',
-    maskSize: 'contain',
-    height: space['6'],
-    width: space['6'],
-  },
-  maskImage: (url: string) => ({ maskImage: `url(${JSON.stringify(url)})` }),
-  fallback: {
-    borderRadius: radiusVars['--cl-radius-sm'],
-    alignItems: 'center',
-    backgroundColor: `color-mix(in oklab, ${colorVars['--cl-color-neutral']} 8%, transparent)`,
-    color: colorVars['--cl-color-neutral'],
-    display: 'inline-flex',
-    fontSize: '0.625rem',
-    justifyContent: 'center',
-    height: space['6'],
-    width: space['6'],
-  },
-});
diff --git a/packages/mosaic/src/features/user-profile/user-profile-provider-media.tsx b/packages/mosaic/src/features/user-profile/user-profile-provider-media.tsx
deleted file mode 100644
index 52b3c75b331..00000000000
--- a/packages/mosaic/src/features/user-profile/user-profile-provider-media.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as stylex from '@stylexjs/stylex';
-
-import { IconFrame } from '../../components/icon';
-import { Section } from '../../components/section';
-import { styles } from './user-profile-provider-media.styles';
-
-export function UserProfileProviderMedia({
-  provider,
-  iconUrl,
-  monochromeIcon,
-}: {
-  provider: string;
-  iconUrl?: string;
-  monochromeIcon?: boolean;
-}) {
-  const url = iconUrl?.trim();
-  return (
-    <Section.Media size='lg'>
-      <IconFrame>
-        {url && monochromeIcon ? (
-          <span
-            aria-hidden
-            {...stylex.props(styles.maskedIcon, styles.maskImage(url))}
-          />
-        ) : url ? (
-          <img
-            src={url}
-            alt=''
-            aria-hidden
-            {...stylex.props(styles.icon)}
-          />
-        ) : (
-          <span
-            aria-hidden
-            {...stylex.props(styles.fallback)}
-          >
-            {provider.trim().charAt(0).toUpperCase()}
-          </span>
-        )}
-      </IconFrame>
-    </Section.Media>
-  );
-}
diff --git a/packages/mosaic/src/features/user-profile/user-profile-provider.utils.ts b/packages/mosaic/src/features/user-profile/user-profile-provider.utils.ts
deleted file mode 100644
index a1bd893453a..00000000000
--- a/packages/mosaic/src/features/user-profile/user-profile-provider.utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-const MONOCHROME_PROVIDERS = ['agentid', 'apple', 'github', 'okx_wallet', 'vercel', 'x'];
-
-export function isMonochromeProvider(provider: string): boolean {
-  return MONOCHROME_PROVIDERS.includes(provider);
-}
diff --git a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/__tests__/user-profile-web3-wallets-section.model.test.ts b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/__tests__/user-profile-web3-wallets-section.model.test.ts
index 7940ccf8293..c79ae911c8d 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/__tests__/user-profile-web3-wallets-section.model.test.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/__tests__/user-profile-web3-wallets-section.model.test.ts
@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
+import { web3Logos } from '../../../../components/provider-logo/web3.generated';
 import { normalizedWeb3Wallet, projectWeb3Wallets } from '../user-profile-web3-wallets-section.model';
 
 const metamask = {
@@ -29,7 +30,7 @@ describe('Web3 wallet projection', () => {
     });
   });
 
-  it('marks monochrome provider logos', () => {
+  it('uses bundled Web3 logos', () => {
     const okx = {
       ...metamask,
       id: 'wallet_okx',
@@ -43,10 +44,10 @@ describe('Web3 wallet projection', () => {
     });
     expect(result).toMatchObject({
       wallets: [
-        { id: 'wallet_metamask', monochromeIcon: false },
-        { id: 'wallet_okx', monochromeIcon: true },
+        { id: 'wallet_metamask', icon: { logo: web3Logos.metamask } },
+        { id: 'wallet_okx', icon: { logo: web3Logos.okx_wallet } },
       ],
-      availableProviders: [{ id: 'web3_coinbase_wallet_signature', monochromeIcon: false }],
+      availableProviders: [{ id: 'web3_coinbase_wallet_signature', icon: { logo: web3Logos.coinbase_wallet } }],
     });
   });
 
diff --git a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallet-row.view.tsx b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallet-row.view.tsx
index 88bf6c8832a..6c6addbf7ad 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallet-row.view.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallet-row.view.tsx
@@ -10,7 +10,7 @@ import { Section } from '../../../components/section';
 import { ArrowUpRight } from '../../../icons/glyphs/arrow-up-right';
 import { fill, useMessages } from '../../../localization';
 import { truncationStyles } from '../../../styles/typography.styles';
-import { UserProfileProviderMedia } from '../user-profile-provider-media';
+import { UserProfileProviderIcon } from '../user-profile-provider-icon';
 import { styles } from './user-profile-web3-wallets.styles';
 import type { UserProfileWeb3Provider, UserProfileWeb3Wallet } from './user-profile-web3-wallets-section.types';
 
@@ -47,13 +47,7 @@ export function UserProfileWeb3WalletRowView({
   return (
     <Section.Row xstyle={onConnect && styles.connectRow}>
       <Section.Item>
-        {wallet.provider ? (
-          <UserProfileProviderMedia
-            provider={wallet.provider}
-            iconUrl={wallet.iconUrl}
-            monochromeIcon={wallet.monochromeIcon}
-          />
-        ) : null}
+        {wallet.icon ? <UserProfileProviderIcon {...wallet.icon} /> : null}
         <Section.Content>
           <Section.Label>
             <span
diff --git a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.model.ts b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.model.ts
index 77d9c75776c..4bd846c6e13 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.model.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.model.ts
@@ -2,19 +2,29 @@ import { iconImageUrl } from '@clerk/shared/constants';
 import { ClerkRuntimeError } from '@clerk/shared/error';
 import { createWeb3 } from '@clerk/shared/internal/clerk-js/web3';
 import { useClerk, useUser } from '@clerk/shared/react';
-import type { UserResource, VerificationResource, Web3WalletResource } from '@clerk/shared/types';
+import type { UserResource, VerificationResource, Web3ProviderData, Web3WalletResource } from '@clerk/shared/types';
 import { WEB3_PROVIDERS } from '@clerk/shared/web3';
 
+import { getWeb3Logo } from '../../../components/provider-logo/web3.generated';
 import { useMosaicEnvironment } from '../../../hooks/use-mosaic-environment';
 import { allowsIdentificationCreation } from '../../../utils/allows-identification-creation';
 import { useReverificationFlow } from '../../reverification';
-import { isMonochromeProvider } from '../user-profile-provider.utils';
+import type { UserProfileProviderIconProps } from '../user-profile-provider-icon';
+import { toProviderIcon } from '../user-profile-provider-icon.model';
 import type {
   UserProfileWeb3Provider,
   UserProfileWeb3Wallet,
   UserProfileWeb3WalletsModel,
 } from './user-profile-web3-wallets-section.types';
 
+function toWeb3Icon(provider: Web3ProviderData): UserProfileProviderIconProps {
+  return toProviderIcon({
+    logo: getWeb3Logo(provider.provider),
+    iconUrl: iconImageUrl(provider.provider),
+    label: provider.name,
+  });
+}
+
 export type Web3WalletEntry = Pick<Web3WalletResource, 'id' | 'web3Wallet'> & {
   verification: Pick<VerificationResource, 'strategy' | 'status' | 'expireAt'>;
 };
@@ -78,8 +88,7 @@ export function projectWeb3Wallets({
         id: wallet.id,
         address: wallet.web3Wallet,
         provider: provider?.name,
-        iconUrl: provider ? iconImageUrl(provider.provider) : undefined,
-        monochromeIcon: provider ? isMonochromeProvider(provider.provider) : false,
+        icon: provider ? toWeb3Icon(provider) : undefined,
         isPrimary: wallet.id === primaryId,
         isVerified: wallet.verification.status === 'verified',
       };
@@ -91,8 +100,7 @@ export function projectWeb3Wallets({
             id: provider.strategy,
             walletPicker: provider.provider === 'solana' ? 'solana' : undefined,
             provider: provider.name,
-            iconUrl: iconImageUrl(provider.provider),
-            monochromeIcon: isMonochromeProvider(provider.provider),
+            icon: toWeb3Icon(provider),
           }))
       : [],
   };
diff --git a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.types.ts b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.types.ts
index c3f8a3e5f0a..a291b11154b 100644
--- a/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.types.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.types.ts
@@ -4,13 +4,13 @@ import type { Ref } from 'react';
 import type { ConfirmController } from '../../../blocks/confirm';
 import type { DialogFocusTarget } from '../../../components/dialog';
 import type { ReverificationController } from '../../reverification';
+import type { UserProfileProviderIconProps } from '../user-profile-provider-icon';
 
 export interface UserProfileWeb3Provider {
   id: Web3Strategy;
   walletPicker?: 'solana';
   provider: string;
-  iconUrl?: string;
-  monochromeIcon?: boolean;
+  icon: UserProfileProviderIconProps;
   connectError?: string;
 }
 
@@ -18,8 +18,7 @@ export interface UserProfileWeb3Wallet {
   id: string;
   address: string;
   provider?: string;
-  iconUrl?: string;
-  monochromeIcon?: boolean;
+  icon?: UserProfileProviderIconProps;
   isPrimary?: boolean;
   isVerified: boolean;
   canRemove?: boolean;
diff --git a/packages/mosaic/src/features/user-profile/user-profile.messages.ts b/packages/mosaic/src/features/user-profile/user-profile.messages.ts
index 7f95082be45..883d5a227c1 100644
--- a/packages/mosaic/src/features/user-profile/user-profile.messages.ts
+++ b/packages/mosaic/src/features/user-profile/user-profile.messages.ts
@@ -1,6 +1,7 @@
 export const userProfileMessages = {
   /** Names the surface: its navigation landmark, and the dialog it opens in. */
   label: 'User profile',
+  enterpriseConnection: 'your enterprise connection',
   pages: {
     account: 'Account',
     security: 'Security',
diff --git a/packages/swingset/src/components/DocsViewer.tsx b/packages/swingset/src/components/DocsViewer.tsx
index 0b3c9019df7..7c531aca901 100644
--- a/packages/swingset/src/components/DocsViewer.tsx
+++ b/packages/swingset/src/components/DocsViewer.tsx
@@ -88,6 +88,7 @@ const docModules: Record<string, Record<string, React.ComponentType>> = {
     heading: dynamic(() => import('../stories/heading.mdx')),
     icon: dynamic(() => import('../stories/icon.mdx')),
     'icon-frame': dynamic(() => import('../stories/icon-frame.mdx')),
+    'provider-logo': dynamic(() => import('../stories/provider-logo.mdx')),
     menu: dynamic(() => import('../stories/menu.component.mdx')),
     otp: dynamic(() => import('../stories/otp.component.mdx')),
     panel: dynamic(() => import('../stories/panel.component.mdx')),
diff --git a/packages/swingset/src/lib/registry.ts b/packages/swingset/src/lib/registry.ts
index 817d54b17ca..76363c8e00c 100644
--- a/packages/swingset/src/lib/registry.ts
+++ b/packages/swingset/src/lib/registry.ts
@@ -226,6 +226,12 @@ import {
   meta as profileComponentMeta,
   Transitions as ProfileTransitions,
 } from '../stories/profile.component.stories';
+import {
+  ColorSchemes as ProviderLogoColorSchemes,
+  Default as ProviderLogoDefault,
+  meta as providerLogoMeta,
+  Sizes as ProviderLogoSizes,
+} from '../stories/provider-logo.stories';
 import {
   Default as RadioDefault,
   Descriptions as RadioDescriptions,
@@ -758,6 +764,13 @@ const iconFrameModule: StoryModule = {
   BrandIcons: IconFrameBrandIcons,
 };
 
+const providerLogoModule: StoryModule = {
+  meta: providerLogoMeta,
+  Default: ProviderLogoDefault,
+  Sizes: ProviderLogoSizes,
+  ColorSchemes: ProviderLogoColorSchemes,
+};
+
 // Headless primitives carry just `meta` (no story functions). Like every component
 // they're documented as a single overview page; their live demos come from `<Story>` /
 // `<Preview>` embeds in the MDX, which import the stories module directly.
@@ -1082,6 +1095,7 @@ export const registry: StoryModule[] = [
   headingModule,
   iconModule,
   iconFrameModule,
+  providerLogoModule,
   menuComponentModule,
   otpComponentModule,
   paginationModule,
diff --git a/packages/swingset/src/stories/fixtures/user-profile-connected-accounts.ts b/packages/swingset/src/stories/fixtures/user-profile-connected-accounts.ts
index 4a483df56ea..a5a7e169b3d 100644
--- a/packages/swingset/src/stories/fixtures/user-profile-connected-accounts.ts
+++ b/packages/swingset/src/stories/fixtures/user-profile-connected-accounts.ts
@@ -7,6 +7,7 @@ import { useState } from 'react';
 
 import { useChaosFixture } from '@/components/ChaosProvider';
 import { chaosEmail, chaosText } from '@/lib/chaos';
+import { oauthLogos } from '@clerk/mosaic/components/provider-logo/oauth.generated';
 
 import { idleReverification } from './reverification';
 
@@ -14,12 +15,12 @@ export const connectedAccount: UserProfileConnectedAccount = {
   id: 'google',
   provider: 'Google',
   identifier: 'test@example.com',
-  iconUrl: 'https://img.clerk.com/static/google.svg',
+  icon: { logo: oauthLogos.google },
   status: 'connected',
 };
 const connectionProviders: UserProfileConnectionProvider[] = [
-  { id: 'google', provider: 'Google', iconUrl: 'https://img.clerk.com/static/google.svg' },
-  { id: 'apple', provider: 'Apple', iconUrl: 'https://img.clerk.com/static/apple.svg' },
+  { id: 'google', provider: 'Google', icon: { logo: oauthLogos.google } },
+  { id: 'apple', provider: 'Apple', icon: { logo: oauthLogos.apple } },
 ];
 
 export function useConnectedAccountsFixture({
@@ -60,7 +61,7 @@ export function useConnectedAccountsFixture({
           {
             id: provider.id,
             provider: provider.provider,
-            iconUrl: provider.iconUrl,
+            icon: provider.icon,
             identifier: 'test@example.com',
             status: 'connected',
           },
diff --git a/packages/swingset/src/stories/fixtures/user-profile-enterprise-accounts.ts b/packages/swingset/src/stories/fixtures/user-profile-enterprise-accounts.ts
index 12125133a33..384deee2434 100644
--- a/packages/swingset/src/stories/fixtures/user-profile-enterprise-accounts.ts
+++ b/packages/swingset/src/stories/fixtures/user-profile-enterprise-accounts.ts
@@ -6,19 +6,20 @@ import { useState } from 'react';
 
 import { useChaosFixture } from '@/components/ChaosProvider';
 import { chaosEmail, chaosText } from '@/lib/chaos';
+import { enterpriseLogos } from '@clerk/mosaic/components/provider-logo/enterprise.generated';
 
 export const accounts: UserProfileEnterpriseAccount[] = [
   {
     id: 'account_okta',
     name: 'Acme Okta',
     emailAddress: 'alex@acme.com',
-    iconUrl: 'https://img.clerk.com/static/okta.svg',
+    icon: { logo: enterpriseLogos.saml_okta },
   },
-  { id: 'account_custom', name: 'Internal SSO', emailAddress: 'alex@internal.acme.com' },
+  { id: 'account_custom', name: 'Internal SSO', emailAddress: 'alex@internal.acme.com', icon: { initial: 'I' } },
 ];
 const connections: UserProfileEnterpriseConnection[] = [
-  { id: 'connection_google', name: 'Google Workspace', iconUrl: 'https://img.clerk.com/static/google.svg' },
-  { id: 'connection_saml', name: 'Partner SAML' },
+  { id: 'connection_google', name: 'Google Workspace', icon: { logo: enterpriseLogos.saml_google } },
+  { id: 'connection_saml', name: 'Partner SAML', icon: { initial: 'P' } },
 ];
 
 export function useEnterpriseAccountsFixture({
@@ -57,7 +58,7 @@ export function useEnterpriseAccountsFixture({
       setTimeout(() => {
         setLinkedAccounts(current => [
           ...current,
-          { id: `account_${id}`, name: connection.name, iconUrl: connection.iconUrl, emailAddress: 'alex@acme.com' },
+          { id: `account_${id}`, name: connection.name, icon: connection.icon, emailAddress: 'alex@acme.com' },
         ]);
         setAvailableConnections(current => current.filter(item => item.id !== id));
         setPendingId(undefined);
diff --git a/packages/swingset/src/stories/fixtures/user-profile-web3-wallets.ts b/packages/swingset/src/stories/fixtures/user-profile-web3-wallets.ts
index b088ed86291..e1b1e0d12f1 100644
--- a/packages/swingset/src/stories/fixtures/user-profile-web3-wallets.ts
+++ b/packages/swingset/src/stories/fixtures/user-profile-web3-wallets.ts
@@ -1,3 +1,4 @@
+import { web3Logos } from '@clerk/mosaic/components/provider-logo/web3.generated';
 import { useUserProfileWeb3WalletsController } from '@clerk/mosaic/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.controller';
 import type {
   UserProfileWeb3Provider,
@@ -16,11 +17,11 @@ interface DemoWallet extends UserProfileWeb3Wallet {
 }
 
 const providers: UserProfileWeb3Provider[] = [
-  { id: 'web3_metamask_signature', provider: 'MetaMask', iconUrl: 'https://img.clerk.com/static/metamask.svg' },
+  { id: 'web3_metamask_signature', provider: 'MetaMask', icon: { logo: web3Logos.metamask } },
   {
     id: 'web3_coinbase_wallet_signature',
     provider: 'Coinbase Wallet',
-    iconUrl: 'https://img.clerk.com/static/coinbase_wallet.svg',
+    icon: { logo: web3Logos.coinbase_wallet },
   },
 ];
 
@@ -28,7 +29,7 @@ export const primaryWallet: DemoWallet = {
   id: 'wallet_1',
   providerId: 'web3_metamask_signature',
   provider: 'MetaMask',
-  iconUrl: 'https://img.clerk.com/static/metamask.svg',
+  icon: { logo: web3Logos.metamask },
   address: '0x71C7656EC7ab88b098defB751B7401B5f6d8976F',
   isPrimary: true,
   isVerified: true,
@@ -38,7 +39,7 @@ export const secondaryWallet: DemoWallet = {
   id: 'wallet_2',
   providerId: 'web3_coinbase_wallet_signature',
   provider: 'Coinbase Wallet',
-  iconUrl: 'https://img.clerk.com/static/coinbase_wallet.svg',
+  icon: { logo: web3Logos.coinbase_wallet },
   address: '0x1234567890abcdef1234567890abcdef12345678',
   isVerified: true,
 };
@@ -90,7 +91,7 @@ export function useWeb3WalletsFixture({
           ...current,
           {
             provider: provider.provider,
-            iconUrl: provider.iconUrl,
+            icon: provider.icon,
             id: `wallet_${id}`,
             providerId: id,
             address: '0x1234567890abcdef1234567890abcdef12345678',
diff --git a/packages/swingset/src/stories/provider-logo.mdx b/packages/swingset/src/stories/provider-logo.mdx
new file mode 100644
index 00000000000..5821c840ea8
--- /dev/null
+++ b/packages/swingset/src/stories/provider-logo.mdx
@@ -0,0 +1,69 @@
+import * as ProviderLogoStories from './provider-logo.stories';
+
+# ProviderLogo
+
+ProviderLogo renders the logo for an OAuth, Web3, or phone-code provider. Each logo adapts to the color scheme in scope: monochrome logos follow `currentColor`, and logos with distinct light and dark colors switch with `light-dark()`.
+
+## Playground
+
+<Preview
+  name='Default'
+  storyModule={ProviderLogoStories}
+/>
+
+## Props
+
+<PropTable
+  meta={ProviderLogoStories.meta}
+  extra={[{ name: 'ref', type: 'Ref<SVGSVGElement>' }]}
+/>
+
+## Usage
+
+`ProviderLogo` renders the `glyph` it is given. The glyphs come in four groups, each in its own module, keyed by the provider id Clerk uses for that group:
+
+| Module                 | Map               | Lookup              | Keys                              |
+| ---------------------- | ----------------- | ------------------- | --------------------------------- |
+| `oauth.generated`      | `oauthLogos`      | `getOAuthLogo`      | OAuth provider (`google`)         |
+| `enterprise.generated` | `enterpriseLogos` | `getEnterpriseLogo` | Enterprise provider (`saml_okta`) |
+| `web3.generated`       | `web3Logos`       | `getWeb3Logo`       | Web3 provider (`metamask`)        |
+| `phone.generated`      | `phoneLogos`      | `getPhoneLogo`      | Phone code channel (`whatsapp`)   |
+
+A feature imports only the groups it renders, and a logo in more than one group ships once.
+
+```tsx
+import { ProviderLogo } from '@clerk/mosaic/components/provider-logo';
+import { oauthLogos } from '@clerk/mosaic/components/provider-logo/oauth.generated';
+
+<ProviderLogo glyph={oauthLogos.google} />;
+```
+
+A lookup returns `undefined` for an id without a logo, such as a custom OAuth provider, which renders its own image instead.
+
+```tsx
+import { getOAuthLogo } from '@clerk/mosaic/components/provider-logo/oauth.generated';
+
+const glyph = getOAuthLogo(provider);
+
+glyph ? <ProviderLogo glyph={glyph} /> : <img src={logoUrl} alt='' />;
+```
+
+---
+
+## Examples
+
+### Sizes
+
+<Story
+  name='Sizes'
+  storyModule={ProviderLogoStories}
+/>
+
+`sm`, `md`, and `lg` match the `Icon` sizes; `inherit` sizes the logo to the surrounding font.
+
+### Color schemes
+
+<Story
+  name='ColorSchemes'
+  storyModule={ProviderLogoStories}
+/>
diff --git a/packages/swingset/src/stories/provider-logo.stories.tsx b/packages/swingset/src/stories/provider-logo.stories.tsx
new file mode 100644
index 00000000000..1f4880792ce
--- /dev/null
+++ b/packages/swingset/src/stories/provider-logo.stories.tsx
@@ -0,0 +1,117 @@
+import type { ProviderLogoGlyph, ProviderLogoProps } from '@clerk/mosaic/components/provider-logo';
+import { ProviderLogo } from '@clerk/mosaic/components/provider-logo';
+import { enterpriseLogos } from '@clerk/mosaic/components/provider-logo/enterprise.generated';
+import { oauthLogos } from '@clerk/mosaic/components/provider-logo/oauth.generated';
+import { phoneLogos } from '@clerk/mosaic/components/provider-logo/phone.generated';
+import { web3Logos } from '@clerk/mosaic/components/provider-logo/web3.generated';
+import { colorVars, space } from '@clerk/mosaic/tokens.stylex';
+import * as stylex from '@stylexjs/stylex';
+
+import type { StoryMeta } from '@/lib/types';
+
+export { default as __source } from './provider-logo.stories?raw';
+
+const glyphsById = new Map<string, ProviderLogoGlyph>(
+  [oauthLogos, web3Logos, phoneLogos, enterpriseLogos]
+    .flatMap(group => Object.values(group))
+    .map(glyph => [glyph.id, glyph]),
+);
+const glyphs = [...glyphsById.values()];
+
+const styles = stylex.create({
+  row: {
+    display: 'flex',
+    alignItems: 'center',
+    gap: space['4'],
+  },
+  schemes: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(16rem, 1fr))',
+    gap: space['3'],
+    width: '100%',
+  },
+  light: {
+    colorScheme: 'light',
+  },
+  dark: {
+    colorScheme: 'dark',
+  },
+  panel: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fill, minmax(2.5rem, 1fr))',
+    gap: space['4'],
+    justifyItems: 'center',
+    padding: space['4'],
+    borderRadius: space['2'],
+    backgroundColor: colorVars['--cl-color-background'],
+    color: colorVars['--cl-color-foreground'],
+    borderWidth: 1,
+    borderStyle: 'solid',
+    borderColor: colorVars['--cl-color-border'],
+  },
+});
+
+export const meta: StoryMeta = {
+  group: 'Components',
+  status: 'wip',
+  title: 'ProviderLogo',
+  source: 'packages/mosaic/src/components/provider-logo/provider-logo.tsx',
+  styles: {
+    _variants: {
+      glyph: Object.fromEntries(glyphs.map(glyph => [glyph.id, {}])),
+      size: { sm: {}, md: {}, lg: {}, inherit: {} },
+    },
+    _defaultVariants: {
+      glyph: 'google',
+      size: 'md',
+    },
+  },
+};
+
+function knobsAsProps({ glyph, ...props }: Record<string, unknown>): ProviderLogoProps {
+  return { ...props, glyph: glyphsById.get(String(glyph)) ?? oauthLogos.google };
+}
+
+export function Default(props: Record<string, unknown>) {
+  return <ProviderLogo {...knobsAsProps(props)} />;
+}
+
+export function Sizes() {
+  return (
+    <div {...stylex.props(styles.row)}>
+      <ProviderLogo
+        glyph={oauthLogos.github}
+        size='sm'
+      />
+      <ProviderLogo
+        glyph={oauthLogos.github}
+        size='md'
+      />
+      <ProviderLogo
+        glyph={oauthLogos.github}
+        size='lg'
+      />
+    </div>
+  );
+}
+
+export function ColorSchemes() {
+  return (
+    <div {...stylex.props(styles.schemes)}>
+      {(['light', 'dark'] as const).map(scheme => (
+        <div
+          key={scheme}
+          {...stylex.props(styles.panel, styles[scheme])}
+        >
+          {glyphs.map(glyph => (
+            <ProviderLogo
+              key={glyph.id}
+              glyph={glyph}
+              size='lg'
+            />
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/packages/swingset/src/stories/user-profile-connected-accounts-section.stories.tsx b/packages/swingset/src/stories/user-profile-connected-accounts-section.stories.tsx
index 9119dbee3fb..6fc22e1b68e 100644
--- a/packages/swingset/src/stories/user-profile-connected-accounts-section.stories.tsx
+++ b/packages/swingset/src/stories/user-profile-connected-accounts-section.stories.tsx
@@ -3,6 +3,7 @@ import { UserProfileConnectedAccountsSectionView } from '@clerk/mosaic/features/
 import type { StoryMeta } from '@/lib/types';
 
 import { connectedAccount, useConnectedAccountsFixture } from './fixtures/user-profile-connected-accounts';
+import { oauthLogos } from '@clerk/mosaic/components/provider-logo/oauth.generated';
 
 export { default as __source } from './user-profile-connected-accounts-section.stories?raw';
 export const meta: StoryMeta = {
@@ -46,7 +47,7 @@ export function ConnectionError() {
       {
         id: 'apple',
         provider: 'Apple',
-        iconUrl: 'https://img.clerk.com/static/apple.svg',
+        icon: { logo: oauthLogos.apple },
         connectError: 'Unable to connect. Please try again.',
       },
     ],
diff --git a/packages/swingset/src/stories/user-profile-password-section.mdx b/packages/swingset/src/stories/user-profile-password-section.mdx
index 471efaaaba4..38f4cb532ae 100644
--- a/packages/swingset/src/stories/user-profile-password-section.mdx
+++ b/packages/swingset/src/stories/user-profile-password-section.mdx
@@ -38,8 +38,9 @@ and translates save errors into form feedback. The view takes display data and a
 
 ## Managed by an enterprise connection
 
-A lock icon leads the label; the provider's name comes from `managedBy.name`. Below `26rem` of
-group width the label keeps only the name.
+The provider's logo leads the label when `managedBy.provider` is set, and a lock icon otherwise; the
+provider's name comes from `managedBy.name`, or reads "your enterprise connection" when it is
+unset. Below `26rem` of group width the label keeps only the name.
 
 <Story
   name='ManagedByEnterprise'
diff --git a/packages/swingset/src/stories/user-profile-password-section.stories.tsx b/packages/swingset/src/stories/user-profile-password-section.stories.tsx
index a31a2c42737..bf92135f78f 100644
--- a/packages/swingset/src/stories/user-profile-password-section.stories.tsx
+++ b/packages/swingset/src/stories/user-profile-password-section.stories.tsx
@@ -4,6 +4,7 @@ import { UserProfilePasswordSectionView } from '@clerk/mosaic/features/user-prof
 import type { StoryMeta } from '@/lib/types';
 
 import { useUserProfileEditPasswordFixture } from './fixtures/user-profile-edit-password';
+import { enterpriseLogos } from '@clerk/mosaic/components/provider-logo/enterprise.generated';
 
 export { default as __source } from './user-profile-password-section.stories?raw';
 
@@ -55,7 +56,7 @@ export function ManagedByEnterprise() {
     <div style={{ display: 'flex', flexDirection: 'column', gap: 16, width: '100%' }}>
       <UserProfilePasswordSectionView
         hasPassword
-        managedBy={{ name: 'Okta' }}
+        managedBy={{ name: 'Okta', logo: enterpriseLogos.saml_okta }}
       />
       <UserProfilePasswordSectionView
         hasPassword
diff --git a/packages/swingset/src/stories/user-profile-profile-section.stories.tsx b/packages/swingset/src/stories/user-profile-profile-section.stories.tsx
index 25344bd6e63..09bc8ea2e13 100644
--- a/packages/swingset/src/stories/user-profile-profile-section.stories.tsx
+++ b/packages/swingset/src/stories/user-profile-profile-section.stories.tsx
@@ -1,3 +1,5 @@
+import { enterpriseLogos } from '@clerk/mosaic/components/provider-logo/enterprise.generated';
+import type { UserProfileManagedBy } from '@clerk/mosaic/features/user-profile/user-profile-managed-by';
 import { UserProfileProfileSectionView } from '@clerk/mosaic/features/user-profile/user-profile-profile-section/user-profile-profile-section.view';
 import type { FormError } from '@clerk/mosaic/utils/errors';
 
@@ -21,7 +23,7 @@ export const meta: StoryMeta = {
 function ProfileSection(options: {
   nameFailWith?: FormError;
   usernameFailWith?: FormError;
-  nameManagedBy?: { name: string };
+  nameManagedBy?: UserProfileManagedBy;
 }) {
   const profile = useUserProfileProfileFixture(options);
 
@@ -37,7 +39,7 @@ export function Default() {
  * action.
  */
 export function NameManagedByConnection() {
-  return <ProfileSection nameManagedBy={{ name: 'Okta' }} />;
+  return <ProfileSection nameManagedBy={{ name: 'Okta', logo: enterpriseLogos.saml_okta }} />;
 }
 
 /** Every save is rejected, so the dialog shows both halves of a failure at once. */
diff --git a/packages/swingset/src/stories/user-profile-web3-wallets-section.stories.tsx b/packages/swingset/src/stories/user-profile-web3-wallets-section.stories.tsx
index 8420f89a827..6b672c11c28 100644
--- a/packages/swingset/src/stories/user-profile-web3-wallets-section.stories.tsx
+++ b/packages/swingset/src/stories/user-profile-web3-wallets-section.stories.tsx
@@ -1,3 +1,4 @@
+import { web3Logos } from '@clerk/mosaic/components/provider-logo/web3.generated';
 import { UserProfileWeb3WalletsSectionView } from '@clerk/mosaic/features/user-profile/user-profile-web3-wallets-section/user-profile-web3-wallets-section.view';
 
 import type { StoryMeta } from '@/lib/types';
@@ -35,7 +36,7 @@ export function ConnectOnly() {
 export function UnverifiedWallet() {
   const fixture = useWeb3WalletsFixture({
     initialWallets: [{ ...primaryWallet, isPrimary: false, isVerified: false }],
-    availableProviders: [{ id: 'web3_metamask_signature', provider: 'MetaMask', iconUrl: primaryWallet.iconUrl }],
+    availableProviders: [{ id: 'web3_metamask_signature', provider: 'MetaMask', icon: { logo: web3Logos.metamask } }],
   });
   return (
     <UserProfileWeb3WalletsSectionView
@@ -52,7 +53,7 @@ export function ConnectionError() {
       {
         id: 'web3_metamask_signature',
         provider: 'MetaMask',
-        iconUrl: primaryWallet.iconUrl,
+        icon: { logo: web3Logos.metamask },
         connectError: 'Wallet extension not found. Check your wallet and try again.',
       },
     ],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2cc07e7eecb..852015ba152 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -893,6 +893,9 @@ importers:
       react-dom:
         specifier: 18.3.1
         version: 18.3.1(react@18.3.1)
+      svgo:
+        specifier: ^3.3.5
+        version: 3.3.5
       tsdown:
         specifier: catalog:repo
         version: 0.22.2(@arethetypeswrong/core@0.18.3)(publint@0.3.18)(tsx@4.23.14)(typescript@6.0.3)(unrun@0.3.1(synckit@0.11.11))(vue-tsc@3.2.4(typescript@6.0.3))
@@ -8165,6 +8168,10 @@ packages:
     resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
 
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   css-tree@3.2.1:
     resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -11185,6 +11192,9 @@ packages:
   mdn-data@2.0.28:
     resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
 
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
   mdn-data@2.27.1:
     resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
 
@@ -13972,6 +13982,11 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
+  svgo@3.3.5:
+    resolution: {integrity: sha512-8SQMzdrvWaD8deUmrnYB+ASyxBVgWUOilg+A75nE/76WdLpj6LopCwiAVvkzkcqy/9b7t2Mg7faFLjg0ZRcZ3w==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   svgo@4.0.2:
     resolution: {integrity: sha512-ekx94z1rRc5LDi6oSUaeRnYhd0UOJxdtQCL2rF8xpWxD3TPAsISWOrxezqGovqS38GRZOdpDfvQe3ts6F7nsng==}
     engines: {node: '>=16'}
@@ -23845,6 +23860,11 @@ snapshots:
       mdn-data: 2.0.28
       source-map-js: 1.2.1
 
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
   css-tree@3.2.1:
     dependencies:
       mdn-data: 2.27.1
@@ -27503,6 +27523,8 @@ snapshots:
 
   mdn-data@2.0.28: {}
 
+  mdn-data@2.0.30: {}
+
   mdn-data@2.27.1: {}
 
   mdurl@2.0.0: {}
@@ -31201,6 +31223,16 @@ snapshots:
       picocolors: 1.1.1
       stable: 0.1.8
 
+  svgo@3.3.5:
+    dependencies:
+      commander: 7.2.0
+      css-select: 5.2.2
+      css-tree: 2.3.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.1
+
   svgo@4.0.2:
     dependencies:
       commander: 11.1.0