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

我创建了一个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的同一文件按预期显示，但我更喜欢使用可缩放图形。

多边形点属性中的%符号无效。您需要根据需要使用用户单位和比例。感谢您的快速回答：-）-我会尝试一下。你知道为什么会有这种限制（似乎只适用于浏览器）？我删除了百分比符号，它几乎可以完美地工作-只需要调整右边缘的点：-）这种限制是存在的，因为SVG规范这么说。我不知道为什么说明书是这样写的。