title: Polygon mask SVG image not working for tsparticles in React
body: <p>I have a React project which I would like to embed my logo as a polygon mask using tsparticles.
  It works normally if I use the sample code from the official documentation page, however if I try to use the polygon mask option, it seems that it could not detect the SVG format. I don't know whether this is a browser issue or not.</p>
  <p>Below is the original code from codepen by the creator embedded to my React project.
  I have my own logo which I store locally but for this question, I'm going to use the code from the original author of the code.</p>
  <pre><code>import React from &quot;react&quot;;
  import { Container} from &quot;@material-ui/core&quot;;
  import Particles from &quot;react-tsparticles&quot;;
  //import polygonmasklogo from &quot;./polygonmask.svg&quot;;
  
  
  export default function Banner() {
   
  
    return (
      &lt;Container &gt;
        &lt;Particles
          id=&quot;tsparticles&quot;
          options={{
            background: {
              color: {
                value: &quot;#fff&quot;,
              },
            },
            detectRetina: false,
            fpsLimit: 60,
            interactivity: {
              detectsOn: &quot;canvas&quot;,
              events: {
                onHover: {
                  enable: true,
                  mode: &quot;bubble&quot;,
                },
                resize: true,
              },
              modes: {
                bubble: {
                  distance: 40,
                  duration: 2,
                  opacity: 8,
                  size: 6,
                  speed: 3,
                },
              },
            },
            particles: {
              color: {
                value: &quot;#ff0000&quot;,
                animation: {
                  enable: true,
                  speed: 20,
                  sync: true,
                },
              },
              lineLinked: {
                blink: false,
                color: &quot;random&quot;,
                consent: false,
                distance: 30,
                enable: true,
                opacity: 0.3,
                width: 0.5,
              },
              move: {
                attract: {
                  enable: false,
                  rotate: {
                    x: 600,
                    y: 1200,
                  },
                },
                bounce: false,
                direction: &quot;none&quot;,
                enable: true,
                outMode: &quot;bounce&quot;,
                random: false,
                speed: 1,
                straight: false,
              },
              number: {
                density: {
                  enable: false,
                  area: 2000,
                },
                limit: 0,
                value: 200,
              },
              opacity: {
                animation: {
                  enable: true,
                  minimumValue: 0.05,
                  speed: 2,
                  sync: false,
                },
                random: false,
                value: 1,
              },
              shape: {
                type: &quot;circle&quot;,
              },
              size: {
                animation: {
                  enable: false,
                  minimumValue: 0.1,
                  speed: 40,
                  sync: false,
                },
                random: true,
                value: 1,
              },
            },
            polygon: {
              draw: {
                enable: true,
                lineColor: &quot;rgba(255,255,255,0.2)&quot;,
                lineWidth: 0.3,
              },
              move: {
                radius: 10,
              },
              inlineArrangement: &quot;equidistant&quot;,
              scale: 0.5,
              type: &quot;inline&quot;,
              //url: {polygonmasklogo},
              url: &quot;https://cdn.matteobruni.it/images/particles/smalldeer.svg&quot;,
            },
          }}
        /&gt;
      &lt;/Container&gt;
    );
  }
  </code></pre>