From 199e9aed270e128bf12bb2a53ef0b243cdc88ee4 Mon Sep 17 00:00:00 2001
From: Will Martin <contact@willmartian.com>
Date: Tue, 27 Jan 2026 15:51:01 -0500
Subject: [PATCH] misc fixes

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 .../extension-anon-layout-wrapper.component.html            | 2 +-
 libs/assets/README.md                                       | 4 ++--
 libs/components/src/svg/svg.mdx                             | 6 +++---
 libs/components/src/svg/svg.stories.ts                      | 4 ++--
 libs/eslint/components/require-theme-colors-in-svg.mjs      | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html b/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html
index 005f8eb02a0..2cf1998bb05 100644
--- a/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html
+++ b/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html
@@ -17,7 +17,7 @@
   <auth-anon-layout
     [title]="pageTitle"
     [subtitle]="pageSubtitle"
-    [content]="pageIcon"
+    [icon]="pageIcon"
     [showReadonlyHostname]="showReadonlyHostname"
     [hideLogo]="true"
     [maxWidth]="maxWidth"
diff --git a/libs/assets/README.md b/libs/assets/README.md
index 60df3f8992a..944c942640a 100644
--- a/libs/assets/README.md
+++ b/libs/assets/README.md
@@ -8,9 +8,9 @@ This lib contains assets used by the Bitwarden clients. Unused assets are tree-s
 
 ### SVGs
 
-SVGs intended to be used with the `bit-icon` component live in `src/svgs`. These SVGs are built with the `icon-service` for security reasons. These SVGs can be viewed in our Component Library [Icon Story](https://components.bitwarden.com/?path=/story/component-library-icon--default).
+SVGs intended to be used with the `bit-svg` component live in `src/svgs`. These SVGs are built with the `svg` function for security reasons. These SVGs can be viewed in our Component Library [SVG Story](https://components.bitwarden.com/?path=/story/component-library-svg--default).
 
-When adding a new SVG, follow the instructions in our Component Library: [SVG Icon Docs](https://components.bitwarden.com/?path=/docs/component-library-icon--docs)
+When adding a new SVG, follow the instructions in our Component Library: [SVG Docs](https://components.bitwarden.com/?path=/docs/component-library-svg--docs)
 
 When importing an SVG in one of the clients:
 `import { ExampleSvg } from "@bitwarden/assets/svg";`
diff --git a/libs/components/src/svg/svg.mdx b/libs/components/src/svg/svg.mdx
index 5b0b598e79c..a29a6f86b14 100644
--- a/libs/components/src/svg/svg.mdx
+++ b/libs/components/src/svg/svg.mdx
@@ -26,12 +26,12 @@ import { SvgModule } from "@bitwarden/components";
 2. **Rename the file** as a `<name>.icon.ts` TypeScript file and place it in the `libs/assets/svg`
    lib.
 
-3. **Import** `svgIcon` from `./icon-service`.
+3. **Import** `svg` from `./svg`.
 
-4. **Define and export** a `const` to represent your `svgIcon`.
+4. **Define and export** a `const` to represent your `svg`.
 
    ```typescript
-   export const ExampleIcon = svgIcon`<svg … </svg>`;
+   export const ExampleIcon = svg`<svg … </svg>`;
    ```
 
 5. **Replace any hardcoded strokes or fills** with the appropriate Tailwind class.
diff --git a/libs/components/src/svg/svg.stories.ts b/libs/components/src/svg/svg.stories.ts
index e8890b52974..b2eb10771ce 100644
--- a/libs/components/src/svg/svg.stories.ts
+++ b/libs/components/src/svg/svg.stories.ts
@@ -20,9 +20,9 @@ const {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   DynamicContentNotAllowedError: _DynamicContentNotAllowedError,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isIcon,
+  isBitSvg,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  svgIcon,
+  svg,
   ...Icons
 }: {
   [key: string]: any;
diff --git a/libs/eslint/components/require-theme-colors-in-svg.mjs b/libs/eslint/components/require-theme-colors-in-svg.mjs
index fcc9cba461c..d30840710ca 100644
--- a/libs/eslint/components/require-theme-colors-in-svg.mjs
+++ b/libs/eslint/components/require-theme-colors-in-svg.mjs
@@ -25,7 +25,7 @@ export default {
           tagNames: {
             type: "array",
             items: { type: "string" },
-            default: ["svgIcon"],
+            default: ["svg"],
           },
         },
         additionalProperties: false,
@@ -35,7 +35,7 @@ export default {
 
   create(context) {
     const options = context.options[0] || {};
-    const tagNames = options.tagNames || ["svgIcon"];
+    const tagNames = options.tagNames || ["svg"];
 
     function isSvgTaggedTemplate(node) {
       return (