TripLog/assets/icons/trip-log.svg

<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>