70 lines
2.2 KiB
XML
70 lines
2.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95 95" width="95" height="95">
|
|
<defs>
|
|
<filter id="textBlur">
|
|
<feGaussianBlur stdDeviation="0.73"/>
|
|
</filter>
|
|
<!-- 内圆填充：从边框向圆心的单向光路，边缘不透明→圆心透明 -->
|
|
<radialGradient id="innerLight" cx="50%" cy="50%" r="50%" gradientUnits="objectBoundingBox">
|
|
<stop offset="0%" stop-color="white" stop-opacity="0"/>
|
|
<stop offset="60%" stop-color="white" stop-opacity="0.18"/>
|
|
<stop offset="82%" stop-color="white" stop-opacity="0.38"/>
|
|
<stop offset="95%" stop-color="white" stop-opacity="0.75"/>
|
|
<stop offset="100%" stop-color="white" stop-opacity="0.95"/>
|
|
</radialGradient>
|
|
</defs>
|
|
|
|
<rect width="95" height="95" fill="transparent"/>
|
|
|
|
<!-- 外圆：更鲜艳红色 -->
|
|
<circle cx="47.5" cy="47.5" r="44.75"
|
|
fill="transparent"
|
|
stroke="rgb(255, 45, 45)"
|
|
stroke-width="5.5"/>
|
|
|
|
<!-- 内圆填充：从边框向圆心的光路渐变 -->
|
|
<circle cx="47.5" cy="47.5" r="40.25"
|
|
fill="url(#innerLight)"/>
|
|
|
|
<!-- 内圆：纯白描边，无发光 -->
|
|
<circle cx="47.5" cy="47.5" r="40.25"
|
|
fill="none"
|
|
stroke="rgb(255, 255, 255)"
|
|
stroke-width="3.65"/>
|
|
|
|
<!-- 👍 Emoji -->
|
|
<text x="47.5" y="33"
|
|
font-size="33"
|
|
text-anchor="middle"
|
|
dominant-baseline="middle"
|
|
fill="#000">👍</text>
|
|
|
|
<!-- 白色描边层 -->
|
|
<text x="47.5" y="72"
|
|
font-family="sans-serif, -apple-system, BlinkMacSystemFont"
|
|
font-size="20"
|
|
font-weight="bold"
|
|
text-anchor="middle"
|
|
fill="rgba(255,255,255,0.95)"
|
|
stroke="rgba(255,255,255,0.95)"
|
|
stroke-width="4"
|
|
paint-order="stroke">已完成</text>
|
|
|
|
<!-- 模糊白色光晕层 -->
|
|
<text x="47.5" y="72"
|
|
font-family="sans-serif, -apple-system, BlinkMacSystemFont"
|
|
font-size="20"
|
|
font-weight="bold"
|
|
text-anchor="middle"
|
|
fill="rgba(255,255,255,0.9)"
|
|
opacity="0.9"
|
|
filter="url(#textBlur)">已完成</text>
|
|
|
|
<!-- 红色文字主体：更鲜艳 -->
|
|
<text x="47.5" y="72"
|
|
font-family="sans-serif, -apple-system, BlinkMacSystemFont"
|
|
font-size="20"
|
|
font-weight="bold"
|
|
text-anchor="middle"
|
|
fill="rgb(235, 25, 25)">已完成</text>
|
|
</svg>
|