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/ProficiencyLevelIcon/NoProficiencyIcon/NoProficiencyIcon.tsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+
+import { Tooltip } from "@dndbeyond/character-common-components/es";
+import { CharacterTheme } from "@dndbeyond/character-rules-engine/es";
+
+interface Props {
+  isModified: boolean;
+  className: string;
+  theme?: CharacterTheme;
+}
+
+export default class NoProficiencyIcon extends React.PureComponent<Props> {
+  static defaultProps = {
+    isModified: false,
+    className: "",
+  };
+
+  render() {
+    const { isModified, className, theme } = this.props;
+
+    let classNames: Array<string> = ["ddbc-no-proficiency-icon", className];
+    if (isModified) {
+      classNames.push("ddbc-no-proficiency-icon--modified");
+    }
+    if (theme?.isDarkMode) {
+      classNames.push("ddbc-no-proficiency-icon--dark-mode");
+    }
+
+    return (
+      <Tooltip title="Not Proficient" isDarkMode={theme?.isDarkMode}>
+        <span className={classNames.join(" ")} />
+      </Tooltip>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Icons/ProficiencyLevelIcon/NoProficiencyIcon/index.ts

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