laoyang
0812ea0405
按用户明确的构图重画：底是一块地图（路网 + 带状绿地 + 河流湖泊 + 街区小块， 暖白纸感底色），左下角一个「家」（白圆底 + 蓝房子），右上角一个「目的地」 （蓝圆底 + 白图钉），一条弯曲的路线从左下绕到右上把两点连起来。 上一版「翻开的日记本」构图作废（用户要的是地图 + 家到目的地的连线）。 maskable 版同步重画（地图底色铺满、内容缩到中间 74% 安全区）， 全部尺寸重新导出，favicon.ico 重新打包。 验证：本地全链 EXIT=0；e2e 374 项全过（第 11b 节按 URL 拉图标验 MIME）； 部署 334 OK/0 FAIL（批 24 那 16 条图标哨兵继续守）；线上与本地副本 逐字节哈希一致（icon-512 / favicon.ico），Content-Type 正确。
61 lines
2.8 KiB
XML
61 lines
2.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="TripLog 家庭旅行日记">
|
|
<!-- TripLog 图标：一块地图（上），左下角是家（下），右上角是目的地（下），
|
|
一条弯曲的路线把家连到目的地。
|
|
地图纹理用「路网 + 带状绿地 + 水域 + 街区小块」叠出来，小尺寸下只求
|
|
一眼看出「这是一张地图」，不追求地理写实。 -->
|
|
<defs>
|
|
<clipPath id="tl-map">
|
|
<rect x="0" y="0" width="64" height="64" rx="14"/>
|
|
</clipPath>
|
|
</defs>
|
|
|
|
<g clip-path="url(#tl-map)">
|
|
<!-- 地图底 -->
|
|
<rect width="64" height="64" fill="#EFF3E8"/>
|
|
|
|
<!-- 绿地：成片，但留出足够的白让路网看得见 -->
|
|
<path d="M-2 34 C8 30 16 38 26 35 C38 31 50 38 66 33 L66 66 L-2 66 Z" fill="#D3E5BD"/>
|
|
<ellipse cx="52" cy="52" rx="14" ry="9" fill="#D3E5BD"/>
|
|
|
|
<!-- 水域：一条河 + 一个小湖 -->
|
|
<path d="M-2 46 C10 44 18 38 30 41 C42 44 52 39 66 42 L66 47 C52 44 42 49 30 46 C18 43 10 49 -2 50 Z"
|
|
fill="#A9CFF0"/>
|
|
<ellipse cx="15" cy="52" rx="6.5" ry="3.6" fill="#A9CFF0"/>
|
|
|
|
<!-- 街区小块 -->
|
|
<g fill="#E1E7D6">
|
|
<rect x="6" y="15" width="7" height="5.5" rx="1.3"/>
|
|
<rect x="30" y="6" width="6" height="5.5" rx="1.3"/>
|
|
<rect x="44" y="30" width="7.5" height="5.5" rx="1.3"/>
|
|
<rect x="34" y="48" width="6" height="5" rx="1.3"/>
|
|
</g>
|
|
|
|
<!-- 路网：白色，粗细分两级，横竖都有，确保「一眼是地图」 -->
|
|
<g stroke="#FFFFFF" fill="none">
|
|
<path d="M22 66 L25 46 L31 30 L34 2" stroke-width="3.4"/>
|
|
<path d="M-2 26 L20 25 L38 20 L66 14" stroke-width="3.4"/>
|
|
<path d="M-2 8 L16 10 L30 5 L44 8" stroke-width="2.6"/>
|
|
<path d="M44 66 L47 44 L56 32 L66 30" stroke-width="2.6"/>
|
|
</g>
|
|
|
|
<!-- 弯曲路线：从家（左下）绕到目的地（右上） -->
|
|
<path d="M13 47 C17 39 26 41 31 33 C35 27 40 23 48 21"
|
|
fill="none" stroke="#2F56CF" stroke-width="2.8"
|
|
stroke-linecap="round" stroke-linejoin="round"/>
|
|
|
|
<!-- 家（左下角）：白圆底 + 蓝房子 -->
|
|
<circle cx="13" cy="47" r="8" fill="#FFFFFF" stroke="#2F56CF" stroke-width="1.4"/>
|
|
<g transform="translate(13 47) scale(0.66) translate(-13 -47)">
|
|
<path d="M7.6 45 L13 40 L18.4 45 Z" fill="#2F56CF"/>
|
|
<rect x="9.6" y="44.4" width="6.8" height="7.4" rx="0.9" fill="#2F56CF"/>
|
|
<rect x="11.8" y="47.4" width="2.4" height="4.4" rx="0.6" fill="#FFFFFF"/>
|
|
</g>
|
|
|
|
<!-- 目的地（右上角）：蓝圆底 + 白图钉 -->
|
|
<circle cx="48" cy="21" r="8" fill="#2F56CF"/>
|
|
<path d="M44.4 25.6 L48 31.8 L51.6 25.6 Z" fill="#2F56CF"/>
|
|
<circle cx="48" cy="21" r="3.6" fill="#FFFFFF"/>
|
|
<circle cx="48" cy="21" r="1.4" fill="#2F56CF"/>
|
|
</g>
|
|
</svg>
|