Add USWDS icon component

frontend/src/components/USWDSIcon.tsx

@@ -0,0 +1,23 @@
+import SpriteSVG from "public/img/uswds-sprite.svg";
+
+interface IconProps {
+  name: string;
+  className: string;
+  height?: string;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+const sprite_uri = SpriteSVG.src as string;
+
+export function USWDSIcon(props: IconProps) {
+  return (
+    <svg
+      className={props.className}
+      aria-hidden="true"
+      height={props.height}
+      role="img"
+    >
+      <use href={`${sprite_uri}#${props.name}`}></use>
+    </svg>
+  );
+}

frontend/tests/components/USWDSIcon.test.tsx

@@ -0,0 +1,12 @@
+import { render, screen } from "tests/react-utils";
+
+import { USWDSIcon } from "src/components/USWDSIcon";
+
+describe("USWDSIcon", () => {
+  it("Renders without errors", () => {
+    render(<USWDSIcon className="usa-icon" name="search" />);
+    const icon = screen.getByRole("img", { hidden: true });
+    expect(icon).toBeInTheDocument();
+    expect(icon).toHaveClass("usa-icon");
+  });
+});