Grabbed dndbeyond's source code

```
~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js
```

ddb_main/tools/js/smartComponents/Icons/ConcentrationIcon/ConcentrationIcon.tsx

@@ -0,0 +1,60 @@
+import clsx from "clsx";
+import * as React from "react";
+import { v4 as uuidv4 } from "uuid";
+
+import { Tooltip } from "~/components/Tooltip";
+
+import {
+  DarkConcentrationSvg,
+  GrayConcentrationSvg,
+  LightConcentrationSvg,
+} from "../../Svg";
+import styles from "./styles.module.css";
+
+interface SvgInjectedProps {
+  className?: string;
+}
+interface Props {
+  themeMode?: "dark" | "gray" | "light";
+  className: string;
+}
+export default class ConcentrationIcon extends React.PureComponent<Props> {
+  static defaultProps = {
+    className: "",
+    themeMode: "dark",
+  };
+
+  render() {
+    const { themeMode, className, ...props } = this.props;
+    const id = uuidv4();
+
+    let SvgIcon: React.ComponentType<SvgInjectedProps> | null = null;
+
+    switch (themeMode) {
+      case "light":
+        SvgIcon = LightConcentrationSvg;
+        break;
+      case "gray":
+        SvgIcon = GrayConcentrationSvg;
+        break;
+      case "dark":
+      default:
+        SvgIcon = DarkConcentrationSvg;
+    }
+
+    if (SvgIcon === null) {
+      return null;
+    }
+
+    return (
+      <div
+        className={clsx([styles.concentrationIcon, className])}
+        data-tooltip-id={id}
+        data-tooltip-content="Concentration"
+      >
+        <SvgIcon className={styles.svg} {...props} />
+        <Tooltip id={id} />
+      </div>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Icons/ConcentrationIcon/index.ts

@@ -0,0 +1,4 @@
+import ConcentrationIcon from "./ConcentrationIcon";
+
+export default ConcentrationIcon;
+export { ConcentrationIcon };