37 签名 SVG 图片

2026-07-22 2026-08-01

AI 总结：用 AI 制作了 37 的 SVG 签名图，并分享了多版本成品和完整源码。

Tips

2026.07.23 21:33:48 UTC+08:00
Vibe 优化了所有 SVG 使得文件大小压缩了⅓，感谢 Deepseek-v4-pro。

忙活许久，终于让 AI 把$37$的签名用 SVG 画出来了。猜猜用的什么？答案出乎意料，是豆包。为什么不用 Deepseek 呢，因为鄙人提示词描述太烂了，Deepseek 为了理解我的要求，会思考特别久，而豆包确实很快，不过……这就是忙活这么久的原因😁
你问为什么不把 Deepseek 的思考关掉？因为豆包写的 svg 可以直接预览！

看看成果吧：

这张是 SVG 格式透明背景

这张是 SVG 格式透明背景白色填充

我也不知道作者为什么作者要放白色填充的进来，配置文件里也没看到用了，但还是放上吧（

下面是源码，可以自行更改颜色

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300">
  <!-- 核心缩放与居中变换 -->
  <g transform="translate(150, 150) scale(1.645) translate(-150, -150)">
    
    <!-- 多边形与线段（描边样式统一，无需填充） -->
    <g stroke="#1a768c" stroke-width="3" fill="none">
      <polygon points="150,193.35 137.5,171.64 112.5,171.64 125,150 112.5,128.36 137.5,128.36 150,106.65 162.5,128.36 187.5,128.36 175,150 187.5,171.64 162.5,171.64" />
      <polygon points="150,236.60 125,193.35 75,193.35 100,150 75,106.65 125,106.65 150,63.40 175,106.65 225,106.65 200,150 225,193.35 175,193.35" />
      
      <!-- 合并所有主轴与中点连线 -->
      <path d="M100,150 L200,150 M125,193.35 L175,106.65 M125,106.65 L175,193.35 M100,193.35 L87.5,171.64 M87.5,128.36 L100,106.65 M137.5,85.03 L162.5,85.03 M200,106.65 L212.5,128.36 M212.5,171.64 L200,193.35 M162.5,214.97 L137.5,214.97" />
    </g>
    
    <!-- 合并所有圆心点（利用 path 和圆头端点模拟圆形） -->
    <path d="M150,150 h0 
             M150,193.35 h0 M137.5,171.64 h0 M112.5,171.64 h0 M125,150 h0 M112.5,128.36 h0 M137.5,128.36 h0 M150,106.65 h0 M162.5,128.36 h0 M187.5,128.36 h0 M175,150 h0 M187.5,171.64 h0 M162.5,171.64 h0 
             M150,236.60 h0 M125,193.35 h0 M75,193.35 h0 M100,150 h0 M75,106.65 h0 M125,106.65 h0 M150,63.40 h0 M175,106.65 h0 M225,106.65 h0 M200,150 h0 M225,193.35 h0 M175,193.35 h0 
             M137.5,214.97 h0 M100,193.35 h0 M87.5,171.64 h0 M87.5,128.36 h0 M100,106.65 h0 M137.5,85.03 h0 M162.5,85.03 h0 M200,106.65 h0 M212.5,128.36 h0 M212.5,171.64 h0 M200,193.35 h0 M162.5,214.97 h0" 
          fill="none" stroke="#1a768c" stroke-width="9" stroke-linecap="round" />
          
  </g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300">
  <!-- 核心缩放与居中变换 -->
  <g transform="translate(150, 150) scale(1.6465) translate(-150, -150)">
    
    <!-- 带白色填充的多边形（描边样式统一） -->
    <g fill="#ffffff" stroke="#1a768c" stroke-width="3">
      <polygon points="150,236.60 125,193.35 75,193.35 100,150 75,106.65 125,106.65 150,63.40 175,106.65 225,106.65 200,150 225,193.35 175,193.35" />
      <polygon points="150,193.35 137.5,171.64 112.5,171.64 125,150 112.5,128.36 137.5,128.36 150,106.65 162.5,128.36 187.5,128.36 175,150 187.5,171.64 162.5,171.64" />
    </g>

    <!-- 合并所有主轴与中点连线（无填充） -->
    <path d="M100,150 L200,150 M125,193.35 L175,106.65 M125,106.65 L175,193.35 M100,193.35 L87.5,171.64 M87.5,128.36 L100,106.65 M137.5,85.03 L162.5,85.03 M200,106.65 L212.5,128.36 M212.5,171.64 L200,193.35 M162.5,214.97 L137.5,214.97" 
          fill="none" stroke="#1a768c" stroke-width="3" />

    <!-- 合并所有圆点（利用零长度路径和圆头端点模拟 r=4.5 的圆） -->
    <path d="M150,150 h0 
             M150,193.35 h0 M137.5,171.64 h0 M112.5,171.64 h0 M125,150 h0 M112.5,128.36 h0 M137.5,128.36 h0 M150,106.65 h0 M162.5,128.36 h0 M187.5,128.36 h0 M175,150 h0 M187.5,171.64 h0 M162.5,171.64 h0 
             M150,236.60 h0 M125,193.35 h0 M75,193.35 h0 M100,150 h0 M75,106.65 h0 M125,106.65 h0 M150,63.40 h0 M175,106.65 h0 M225,106.65 h0 M200,150 h0 M225,193.35 h0 M175,193.35 h0 
             M137.5,214.97 h0 M100,193.35 h0 M87.5,171.64 h0 M87.5,128.36 h0 M100,106.65 h0 M137.5,85.03 h0 M162.5,85.03 h0 M200,106.65 h0 M212.5,128.36 h0 M212.5,171.64 h0 M200,193.35 h0 M162.5,214.97 h0" 
          fill="none" stroke="#1a768c" stroke-width="9" stroke-linecap="round" />
          
  </g>
</svg>

这里再附一个没那么大的，因为preloader如果用了上面的，会有遮住文字算算数学中…，所以这是没那么大的

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300">
    
    <!-- 多边形与线段（描边样式统一，无需填充） -->
    <g stroke="#1a768c" stroke-width="3" fill="none">
      <polygon points="150,193.35 137.5,171.64 112.5,171.64 125,150 112.5,128.36 137.5,128.36 150,106.65 162.5,128.36 187.5,128.36 175,150 187.5,171.64 162.5,171.64" />
      <polygon points="150,236.60 125,193.35 75,193.35 100,150 75,106.65 125,106.65 150,63.40 175,106.65 225,106.65 200,150 225,193.35 175,193.35" />
      
      <!-- 合并所有主轴与中点连线 -->
      <path d="M100,150 L200,150 M125,193.35 L175,106.65 M125,106.65 L175,193.35 M100,193.35 L87.5,171.64 M87.5,128.36 L100,106.65 M137.5,85.03 L162.5,85.03 M200,106.65 L212.5,128.36 M212.5,171.64 L200,193.35 M162.5,214.97 L137.5,214.97" />
    </g>
    
    <!-- 合并所有圆心点（利用 path 和圆头端点模拟圆形） -->
    <path d="M150,150 h0 
             M150,193.35 h0 M137.5,171.64 h0 M112.5,171.64 h0 M125,150 h0 M112.5,128.36 h0 M137.5,128.36 h0 M150,106.65 h0 M162.5,128.36 h0 M187.5,128.36 h0 M175,150 h0 M187.5,171.64 h0 M162.5,171.64 h0 
             M150,236.60 h0 M125,193.35 h0 M75,193.35 h0 M100,150 h0 M75,106.65 h0 M125,106.65 h0 M150,63.40 h0 M175,106.65 h0 M225,106.65 h0 M200,150 h0 M225,193.35 h0 M175,193.35 h0 
             M137.5,214.97 h0 M100,193.35 h0 M87.5,171.64 h0 M87.5,128.36 h0 M100,106.65 h0 M137.5,85.03 h0 M162.5,85.03 h0 M200,106.65 h0 M212.5,128.36 h0 M212.5,171.64 h0 M200,193.35 h0 M162.5,214.97 h0" 
          fill="none" stroke="#1a768c" stroke-width="9" stroke-linecap="round" />
          
</svg>

好的，就这样了。

说些什么吧！