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/Svg/icons/proficiency/ProficiencyDoubleSvg/ProficiencyDoubleSvg.tsx

@@ -0,0 +1,43 @@
+import React from "react";
+
+import BaseSvg from "../../../BaseSvg";
+import { InjectedSvgProps } from "../../../hocs";
+
+export default class ProficiencyDoubleSvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    fillColor: "#383838",
+    secondaryFillColor: "#999",
+  };
+
+  render() {
+    const { fillColor, secondaryFillColor, className } = this.props;
+
+    let classNames: Array<string> = ["ddbc-proficiency-half-svg"];
+
+    if (className) {
+      classNames.push(className);
+    }
+
+    return (
+      <BaseSvg className={classNames.join(" ")} viewBox="0 0 17 17">
+        <g
+          id="ProficiencyDoubleSvg-14be38f8-41fa-4aaa-a375-bf5579c9481f"
+          data-name="Layer 2"
+        >
+          <g
+            id="ProficiencyDoubleSvg-a914e018-db39-4f0d-b4c9-818c43e09af7"
+            data-name="v1"
+          >
+            <g>
+              <path
+                fill={secondaryFillColor}
+                d="M8.5,0A8.5,8.5,0,1,0,17,8.5,8.49382,8.49382,0,0,0,8.5,0Zm0,15.00854A6.50854,6.50854,0,1,1,15.00854,8.5,6.509,6.509,0,0,1,8.5,15.00854Z"
+              />
+              <circle fill={fillColor} cx="8.5" cy="8.5" r="4.25" />
+            </g>
+          </g>
+        </g>
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/icons/proficiency/ProficiencyDoubleSvg/index.ts

@@ -0,0 +1,12 @@
+import { asDarkSvg, asModifiedSvg } from "../../../hocs";
+import ProficiencyDoubleSvg from "./ProficiencyDoubleSvg";
+
+const ModifiedProficiencyDoubleSvg = asModifiedSvg(ProficiencyDoubleSvg);
+const DarkProficiencyDoubleSvg = asDarkSvg(ProficiencyDoubleSvg);
+
+export default ProficiencyDoubleSvg;
+export {
+  ProficiencyDoubleSvg,
+  DarkProficiencyDoubleSvg,
+  ModifiedProficiencyDoubleSvg,
+};

ddb_main/tools/js/smartComponents/Svg/icons/proficiency/ProficiencyHalfSvg/ProficiencyHalfSvg.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+
+import BaseSvg from "../../../BaseSvg";
+import { InjectedSvgProps } from "../../../hocs";
+
+export default class ProficiencyHalfSvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    fillColor: "#383838",
+    secondaryFillColor: "#383838",
+  };
+
+  render() {
+    const { fillColor, className } = this.props;
+
+    let classNames: Array<string> = ["ddbc-proficiency-half-svg"];
+
+    if (className) {
+      classNames.push(className);
+    }
+
+    return (
+      <BaseSvg className={classNames.join(" ")} viewBox="0 0 9.99416 9.99417">
+        <g
+          id="ProficiencyHalfSvg-abf3f72b-e5c8-4f0a-8c7d-3fb19641922a"
+          data-name="Layer 2"
+        >
+          <g
+            id="ProficiencyHalfSvg-264f2b75-af86-457c-ae95-1222392d82ba"
+            data-name="v1"
+          >
+            <path
+              fill={fillColor}
+              d="M6.90936,9.61388a4.92424,4.92424,0,0,0,.51441-.271c.11352-.06342.23217-.11218.34143-.18512A5.01231,5.01231,0,0,0,9.15765,7.76537c.073-.10938.122-.22834.18531-.34186a4.90594,4.90594,0,0,0,.27087-.51422,4.92218,4.92218,0,0,0,.17236-.55609c.03528-.12464.0846-.24286.11023-.37128a5.01118,5.01118,0,0,0,0-1.96973c-.02563-.12793-.0747-.2456-.10986-.36975a4.89619,4.89619,0,0,0-.17285-.55762,4.95632,4.95632,0,0,0-.26953-.51208c-.06385-.11432-.11316-.234-.18665-.34406A5.009,5.009,0,0,0,7.76544.83659C7.65533.76311,7.53571.71379,7.42133.65a4.93653,4.93653,0,0,0-.512-.26965A4.92788,4.92788,0,0,0,6.35175.2075c-.12427-.035-.242-.08422-.36988-.10974A5.01113,5.01113,0,0,0,4.01215.0977c-.12842.02564-.24659.075-.37122.11023a4.91883,4.91883,0,0,0-.556.17236,4.90994,4.90994,0,0,0-.51428.27082c-.11353.06341-.23255.11242-.34192.18542A5.012,5.012,0,0,0,.83636,2.22893c-.073.10919-.1217.228-.18505.34137a4.89294,4.89294,0,0,0-.271.51452,4.90106,4.90106,0,0,0-.17212.555c-.0354.12512-.08484.24371-.11059.37268a5.01485,5.01485,0,0,0,0,1.96911c.02587.1294.07543.24854.11108.37415a4.90112,4.90112,0,0,0,.17151.55353A4.92736,4.92736,0,0,0,.65228,7.426c.06311.11261.11157.23059.18408.33911a5.00987,5.00987,0,0,0,1.39258,1.3927c.10865.07239.22657.12091.33911.184a4.92488,4.92488,0,0,0,.51685.27216,4.91647,4.91647,0,0,0,.55347.17157c.12561.03558.24475.0852.37414.111a5.01264,5.01264,0,0,0,1.96912,0c.1289-.02576.24756-.0752.37268-.1106A4.91928,4.91928,0,0,0,6.90936,9.61388ZM1.16962,4.99712a3.82728,3.82728,0,0,1,6.53369-2.7063L2.29071,7.70341A3.81549,3.81549,0,0,1,1.16962,4.99712Z"
+            />
+          </g>
+        </g>
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/icons/proficiency/ProficiencyHalfSvg/index.ts

@@ -0,0 +1,12 @@
+import { asDarkSvg, asModifiedSvg } from "../../../hocs";
+import ProficiencyHalfSvg from "./ProficiencyHalfSvg";
+
+const ModifiedProficiencyHalfSvg = asModifiedSvg(ProficiencyHalfSvg);
+const DarkProficiencyHalfSvg = asDarkSvg(ProficiencyHalfSvg);
+
+export default ProficiencyHalfSvg;
+export {
+  ProficiencyHalfSvg,
+  DarkProficiencyHalfSvg,
+  ModifiedProficiencyHalfSvg,
+};

ddb_main/tools/js/smartComponents/Svg/icons/proficiency/ProficiencySvg/ProficiencySvg.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+
+import BaseSvg from "../../../BaseSvg";
+import { InjectedSvgProps } from "../../../hocs";
+
+export default class ProficiencySvg extends React.PureComponent<InjectedSvgProps> {
+  static defaultProps = {
+    fillColor: "#383838",
+    secondaryFillColor: "#383838",
+  };
+
+  render() {
+    const { fillColor, className } = this.props;
+
+    let classNames: Array<string> = ["ddbc-proficiency-svg"];
+
+    if (className) {
+      classNames.push(className);
+    }
+
+    return (
+      <BaseSvg className={classNames.join(" ")} viewBox="0 0 10 10">
+        <g
+          id="ProficiencySvg-c0f57d66-982a-4b7b-ab3f-1a660eb9a0fa"
+          data-name="Layer 2"
+        >
+          <g
+            id="ProficiencySvg-20287332-c962-4a67-9f75-8501a8b7818d"
+            data-name="v1"
+          >
+            <circle fill={fillColor} cx="5" cy="5" r="5" />
+          </g>
+        </g>
+      </BaseSvg>
+    );
+  }
+}

ddb_main/tools/js/smartComponents/Svg/icons/proficiency/ProficiencySvg/index.ts

@@ -0,0 +1,8 @@
+import { asDarkSvg, asModifiedSvg } from "../../../hocs";
+import ProficiencySvg from "./ProficiencySvg";
+
+const ModifiedProficiencySvg = asModifiedSvg(ProficiencySvg);
+const DarkProficiencySvg = asDarkSvg(ProficiencySvg);
+
+export default ProficiencySvg;
+export { ProficiencySvg, DarkProficiencySvg, ModifiedProficiencySvg };