SVG logo - 3rd try

.storybook/themeCFPB.js

@@ -1,5 +1,5 @@
 import { create } from 'storybook/theming/create';
-import CfpbLogo from '../src/assets/images/cfpb-logo.png';
+import CfpbLogo from '../src/assets/images/cfpb_logo_test_237.5_cropped_third_try.svg?url';
 
 const colors = {
   black: '#101820',

src/assets/images/README.md

@@ -0,0 +1,2 @@
+The source of the CFPB logo is pulled directly from the official logo
+files and exported from Illustrator as an SVG.

src/components/Header/responsive-menu.tsx

@@ -1,6 +1,6 @@
 import React, { JSX, useCallback, useState } from 'react';
 import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import CFPBLogo from '../../assets/images/cfpb-logo.png';
+import CFPBLogo from '../../assets/images/cfpb_logo_test_237.5_cropped_third_try.svg?url';
 import { Button } from '../Buttons/button';
 import { Icon } from '../Icon/icon';
 import Link from '../Link/link';

src/types/svg.d.ts

@@ -3,3 +3,8 @@ declare module '*.svg?react' {
   const content: FC<SVGProps<SVGSVGElement>>;
   export default content;
 }
+
+declare module '*.svg?url' {
+  const src: string;
+  export default src;
+}