为什么浏览器不显示我的SVG多边形？

Question

我创建了一个SVG文件来显示打开文件夹的图标。 它由选项卡的矩形和文件夹后面的矩形组成，开放的叶子由多边形表示。 图像编辑器显示预期结果，但浏览器似乎忽略了多边形。 我错过了什么？

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="folder_icon" xmlns="http://www.w3.org/2000/svg"
width="90" height="60" viewbox="0 0 90 60" preserveAspectRatio="xMidYMid slice"
xmlns:xlink="http://www.w3.org/1999/xlink"> 
<g width="50%" height="80%">
  <g id="g3" fill="#ffee77" stroke="#bb7711" stroke-width="2px" opacity="0.7">   
        <g id="g2">
        <rect x="16%" y="1%" rx="6%" ry="6%" width="30%" height="30%"  />
        <rect x="1%" y="16%" rx="0%" ry="0%" width="84%" height="82%"  />
        <polygon points="17% 20%, 90% 20%, 75% 59%, 1% 59%" />
        </g>  
   </g>
</g>
</svg>

转换为PNG的同一文件按预期显示，但我更喜欢使用可缩放图形。