47 lines
2.0 KiB
XML
47 lines
2.0 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-label="placeholder favicon">
|
||
<defs>
|
||
<!-- 轻微渐变底色 -->
|
||
<linearGradient id="g" x1="0" x2="0" y1="0" y2="1">
|
||
<stop offset="0" stop-color="#f7f8fb"/>
|
||
<stop offset="1" stop-color="#e6e9f2"/>
|
||
</linearGradient>
|
||
|
||
<!-- 圆角外形的蒙版（用来制造中间空缺） -->
|
||
<mask id="holeMask">
|
||
<!-- 全白表示顯示 -->
|
||
<rect x="0" y="0" width="64" height="64" fill="white"/>
|
||
<!-- 中间用黑色（掏空） -->
|
||
<!-- 这里用一个较大的圆角方块作为"空缺" -->
|
||
<rect x="14" y="14" width="36" height="36" rx="8" ry="8" fill="black"/>
|
||
</mask>
|
||
|
||
<!-- 描边样式（虚线） -->
|
||
<pattern id="dash" width="6" height="6" patternUnits="userSpaceOnUse">
|
||
<rect width="6" height="6" fill="none"/>
|
||
</pattern>
|
||
</defs>
|
||
|
||
<!-- 圆角底板 -->
|
||
<rect x="2" y="2" width="60" height="60" rx="12" ry="12" fill="url(#g)" stroke="#d9dce8" stroke-width="1"/>
|
||
|
||
<!-- 在底板上绘制一个较暗的阴影区域，让边缘有质感 -->
|
||
<rect x="2" y="34" width="60" height="28" rx="12" ry="12" fill-opacity="0.03" fill="#000"/>
|
||
|
||
<!-- 使用mask把中间挖空（透明） -->
|
||
<g mask="url(#holeMask)">
|
||
<!-- 这层是底色的延伸，挖空后中间变透明 -->
|
||
<rect x="2" y="2" width="60" height="60" rx="12" ry="12" fill="url(#g)" />
|
||
</g>
|
||
|
||
<!-- 在被挖空的边缘画一圈圆角虚线作为占位提示 -->
|
||
<rect x="14" y="14" width="36" height="36" rx="8" ry="8"
|
||
fill="none" stroke="#9aa0b6" stroke-width="1.5" stroke-dasharray="3 3" />
|
||
|
||
<!-- 中心放置一个小图形（可选）: 一个微小的“文件”轮廓来提示占位 -->
|
||
<g transform="translate(28,20)">
|
||
<path d="M0 0 L8 0 L8 12 L0 12 Z" fill="none" stroke="#9aa0b6" stroke-width="1" stroke-linejoin="round"/>
|
||
<path d="M5 0 L5 3" stroke="#9aa0b6" stroke-width="1" stroke-linecap="round"/>
|
||
</g>
|
||
</svg>
|