[Bug] symbolType of svg render result is different with browser

[xiaoluoHe]

Version

0.21.0

Link to Minimal Reproduction

none

Steps to Reproduce

const symbolList = [
  '<svg t="1733974711438" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1903" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#19fa28" p-id="1904"></path><path d="M430.08 832s89.28-176.224 191.904-328.672C701.216 385.664 800 282.656 800 282.656L779.392 224s-117.184 83.328-212.064 185.6c-96.32 103.776-170.336 226.688-170.336 226.688L251.52 496.832 192 561.632 430.08 832z" fill="#FFFFFF" p-id="1905"></path></svg>'
];
const graphics = [];

symbolList.forEach((st, i) => {
  const symbol = VRender.createSymbol({
    symbolType: st,
    x: 100,
    y: 100,
    size: 200,
    fill:'red'
    
  });
  symbol.addEventListener('mouseenter', () => {
    symbol.setAttribute('fill', 'blue');
  });
  graphics.push(symbol);
});

const stage = new Stage({
  container: CONTAINER_ID,
  autoRender: true
});

graphics.forEach(g => {
  stage.defaultLayer.add(g);
});

Current Behavior

Expected Behavior

与浏览器渲染效果一致

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response