icon.html

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
  <!-- 背景色：使用与原图高度一致的明亮青色 -->
  <rect width="100%" height="100%" fill="#00D4E4" />

  <!-- 鱼的主体线条组 -->
  <!-- 使用 round 属性确保所有转角和线头都呈现圆润可爱的效果 -->
  <g stroke="#FFFFFF" stroke-width="24" stroke-linecap="round" stroke-linejoin="round" fill="none">
    
    <!-- 核心身体和尾巴：
         精确的多边形交叉结构，交点在 (200, 250) -->
    <polygon points="100,150 100,350 300,150 400,250 300,350" />

    <!-- 顶部鱼鳍：
         【修正】使用真正的圆弧 (A) 替代贝塞尔曲线。
         以中心交叉点为假想圆心，保持完美相切，且尾部向内收拢，还原原图的弧度。 -->
    <path d="M 300,150 A 141.5,141.5 0 0,0 150,118" />

    <!-- 底部鱼鳍：
         采用与顶部鱼鳍完全对称的圆弧。 -->
    <path d="M 300,350 A 141.5,141.5 0 0,1 150,382" />
  </g>

  <!-- 鱼的眼睛：
       稍微向右微调，使其在视觉上更完美地居中于菱形的右半部分 -->
  <circle cx="325" cy="250" r="24" fill="#FFFFFF" />
</svg>