Files
chinese-family-tree-2/public/icon.svg
T
freedakgmail 77df6a0e74 0.6.0.3
2025-12-10 11:13:16 +08:00

67 lines
2.7 KiB
XML

<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- 华夏家谱 Logo - 家族树图标 -->
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#b45309"/>
<stop offset="100%" style="stop-color:#92400e"/>
</linearGradient>
<linearGradient id="treeGradient" x1="0%" y1="100%" x2="0%" y2="0%">
<stop offset="0%" style="stop-color:#fef3c7"/>
<stop offset="100%" style="stop-color:#fcd34d"/>
</linearGradient>
</defs>
<!-- 背景圆角矩形 -->
<rect width="180" height="180" rx="36" fill="url(#bgGradient)"/>
<!-- 装饰边框 -->
<rect x="8" y="8" width="164" height="164" rx="28" fill="none" stroke="#fef3c7" stroke-width="2" opacity="0.3"/>
<!-- 家族树图标 -->
<g transform="translate(90, 90)">
<!-- 树干 -->
<rect x="-6" y="10" width="12" height="50" rx="3" fill="url(#treeGradient)"/>
<!-- 树根 -->
<path d="M-6 55 Q-20 65 -25 70 M6 55 Q20 65 25 70 M0 60 Q0 70 0 75" stroke="#fef3c7" stroke-width="4" stroke-linecap="round" fill="none"/>
<!-- 主树冠 - 中心 -->
<circle cx="0" cy="-15" r="28" fill="url(#treeGradient)"/>
<!-- 左侧树冠 -->
<circle cx="-30" cy="0" r="20" fill="url(#treeGradient)"/>
<!-- 右侧树冠 -->
<circle cx="30" cy="0" r="20" fill="url(#treeGradient)"/>
<!-- 左上树冠 -->
<circle cx="-22" cy="-28" r="16" fill="url(#treeGradient)"/>
<!-- 右上树冠 -->
<circle cx="22" cy="-28" r="16" fill="url(#treeGradient)"/>
<!-- 顶部树冠 -->
<circle cx="0" cy="-42" r="14" fill="url(#treeGradient)"/>
<!-- 人物图标 - 代表家族成员 -->
<g fill="#92400e">
<!-- 中心人物 -->
<circle cx="0" cy="-18" r="5"/>
<path d="M-6 -8 Q0 -4 6 -8" stroke="#92400e" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- 左侧人物 -->
<circle cx="-30" cy="-2" r="4"/>
<path d="M-35 5 Q-30 8 -25 5" stroke="#92400e" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- 右侧人物 -->
<circle cx="30" cy="-2" r="4"/>
<path d="M25 5 Q30 8 35 5" stroke="#92400e" stroke-width="2.5" fill="none" stroke-linecap="round"/>
</g>
</g>
<!-- 四角装饰 -->
<path d="M20 12 L12 12 L12 20" stroke="#fef3c7" stroke-width="3" stroke-linecap="round" fill="none"/>
<path d="M160 12 L168 12 L168 20" stroke="#fef3c7" stroke-width="3" stroke-linecap="round" fill="none"/>
<path d="M12 160 L12 168 L20 168" stroke="#fef3c7" stroke-width="3" stroke-linecap="round" fill="none"/>
<path d="M168 160 L168 168 L160 168" stroke="#fef3c7" stroke-width="3" stroke-linecap="round" fill="none"/>
</svg>