SVG Icons are not loading - Failed to decode downloaded font

I'm trying to incorporate flexmonster into another product, IBM Cognos Analytics, as a custom visualization. Everything seems to be working except the icons. I can't get them to load correctly. I've tried both Chrome and Edge. In the console I see several references to:
"Failed to decode downloaded font"
and
"OTS parsing error: incorrect file size in WOFF header"
 
Then there's a stack trace:
Line:flexmonster.full.js:1000
Uncaught TypeError: Cannot read properties of undefined (reading 'type')
at f.get caption [as caption] (VM563 Main.js:1153:516)
at f.uAa (VM563 Main.js:1903:309)
at f.getData (VM563 Main.js:1884:106)
at b.Tva.b.OC (VM563 Main.js:1876:214)
at b.getData (VM563 Main.js:1992:457)
at b.hg (VM563 Main.js:2059:86)
at b.mn (VM563 Main.js:2051:8)
at b.Iy (VM563 Main.js:1974:169)
at b.vG (VM563 Main.js:1988:397)
at b.lb (VM563 Main.js:2039:351)
at b.FG (VM563 Main.js:2054:263)
at b.FG (VM563 Main.js:2082:267)
at b.mY (VM563 Main.js:2053:128)
at VM563 Main.js:2052:444
 
My flexmonster definition in the code is pretty simple:

        let pivot = new Flexmonster({
          container: _info.node,
          componentFolder: "flexmonster/",
          toolbar: true,
          width: "100%",
          height: "100%",
          report: {
            dataSource: {
              data: pivotData
            }
          }
        });

 
This is a TypeScript based application. I used npm to install flexmonster. My project code is attached along with a screenshot of what I'm seeing. I've tried a variety of different things, but I'm hoping you can at least provide some other ideas to try.
 
Thanks!