跳到主要內容

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% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成