跳到主要内容

Shifu

Shifu 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Shifu Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 6501 6501
源码体积
4.2 KB · 22 个路径节点
官方来源
https://shifu.dev/

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Shifu.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Shifu
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#399BFFrgb(57, 155, 255) · hsl(210, 100%, 61%)
WCAG 亮暗底对比度与矢量体积
白底 2.9:1 · 暗底 6.9:1 · 4.2 KB

矢量代码片段

<svg width="6501" height="6501" viewBox="0 0 6501 6501" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1300.5" y="1256.01" width="200" height="1000" fill="#399BFF"/>
<rect x="2407.61" y="973.168" width="200" height="3272.79" fill="#399BFF"/>
<rect x="1866.19" y="690.325" width="200" height="800" transform="rotate(45 1866.19 690.325)" fill="#399BFF"/>
<rect x="2690.45" y="690.325" width="200" height="400" transform="rotate(45 2690.45 690.325)" fill="#399BFF"/>
<rect x="2007.61" y="2680.27" width="200" height="800" transform="rotate(135 2007.61 2680.27)" fill="#399BFF"/>
<rect x="2007.61" y="3680.27" width="200" height="1000" transform="rotate(-180 2007.61 3680.27)" fill="#399BFF"/>
<rect x="3114.71" y="4245.96" width="200" height="1565.69" transform="rotate(-180 3114.71 4245.96)" fill="#399BFF"/>
<rect x="4914.71" y="3680.27" width="200" height="1000" transform="rotate(-180 4914.71 3680.27)" fill="#399BFF"/>
<rect x="5480.4" y="4245.96" width="200" height="1565.68" transform="rotate(-180 5480.4 4245.96)" fill="#399BFF"/>
<rect x="3714.71" y="4245.96" width="200" height="1897.47" transform="rotate(-180 3714.71 4245.96)" fill="#399BFF"/>
<rect x="3114.71" y="2680.27" width="200" height="800" transform="rotate(135 3114.71 2680.27)" fill="#399BFF"/>
<rect x="5421.82" y="4104.54" width="200" height="800" transform="rotate(135 5421.82 4104.54)" fill="#399BFF"/>
<rect x="1441.92" y="4245.96" width="200" height="800" transform="rotate(-135 1441.92 4245.96)" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3614.71 2480.27C3769.35 2480.27 3894.71 2354.91 3894.71 2200.27C3894.71 2045.63 3769.35 1920.27 3614.71 1920.27C3460.08 1920.27 3334.71 2045.63 3334.71 2200.27C3334.71 2354.91 3460.08 2480.27 3614.71 2480.27ZM3614.71 2300.27C3669.94 2300.27 3714.71 2255.5 3714.71 2200.27C3714.71 2145.05 3669.94 2100.27 3614.71 2100.27C3559.49 2100.27 3514.71 2145.05 3514.71 2200.27C3514.71 2255.5 3559.49 2300.27 3614.71 2300.27Z" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2007.61 970.325C2162.25 970.325 2287.61 844.965 2287.61 690.325C2287.61 535.685 2162.25 410.325 2007.61 410.325C1852.97 410.325 1727.61 535.685 1727.61 690.325C1727.61 844.965 1852.97 970.325 2007.61 970.325ZM2007.61 790.325C2062.84 790.325 2107.61 745.554 2107.61 690.325C2107.61 635.097 2062.84 590.325 2007.61 590.325C1952.38 590.325 1907.61 635.097 1907.61 690.325C1907.61 745.554 1952.38 790.325 2007.61 790.325Z" fill="#399BFF"/>
<rect x="4680.4" y="690.325" width="200" height="800" transform="rotate(45 4680.4 690.325)" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4821.82 970.325C4976.46 970.325 5101.82 844.965 5101.82 690.325C5101.82 535.685 4976.46 410.325 4821.82 410.325C4667.18 410.325 4541.82 535.685 4541.82 690.325C4541.82 844.965 4667.18 970.325 4821.82 970.325ZM4821.82 790.325C4877.05 790.325 4921.82 745.554 4921.82 690.325C4921.82 635.097 4877.05 590.325 4821.82 590.325C4766.6 590.325 4721.82 635.097 4721.82 690.325C4721.82 745.554 4766.6 790.325 4821.82 790.325Z" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1300.5 4525.96C1455.14 4525.96 1580.5 4400.6 1580.5 4245.96C1580.5 4091.32 1455.14 3965.96 1300.5 3965.96C1145.86 3965.96 1020.5 4091.32 1020.5 4245.96C1020.5 4400.6 1145.86 4525.96 1300.5 4525.96ZM1300.5 4345.96C1355.73 4345.96 1400.5 4301.19 1400.5 4245.96C1400.5 4190.73 1355.73 4145.96 1300.5 4145.96C1245.27 4145.96 1200.5 4190.73 1200.5 4245.96C1200.5 4301.19 1245.27 4345.96 1300.5 4345.96Z" fill="#399BFF"/>
<rect x="4314.71" y="5245.96" width="200" height="3989.95" transform="rotate(-180 4314.71 5245.96)" fill="#399BFF"/>
<rect x="3749.03" y="5811.64" width="200" height="800" transform="rotate(-135 3749.03 5811.64)" fill="#399BFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3607.61 6091.64C3762.25 6091.64 3887.61 5966.28 3887.61 5811.64C3887.61 5657 3762.25 5531.64 3607.61 5531.64C3452.97 5531.64 3327.61 5657 3327.61 5811.64C3327.61 5966.28 3452.97 6091.64 3607.61 6091.64ZM3607.61 5911.64C3662.83 5911.64 3707.61 5866.87 3707.61 5811.64C3707.61 5756.42 3662.83 5711.64 3607.61 5711.64C3552.38 5711.64 3507.61 5756.42 3507.61 5811.64C3507.61 5866.87 3552.38 5911.64 3607.61 5911.64Z" fill="#399BFF"/>
<circle cx="4214.71" cy="2680.27" r="215" fill="#399BFF"/>
</svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 6501 6501")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成