跳到主要內容

Sunshine

Sunshine 官方向量標誌,歸屬社群媒體分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Sunshine Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 256 256
原始碼體積
1.2 KB · 4 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Sunshine.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Sunshine
行業分類歸屬
社群媒體
官方基色 (HEX / RGB / HSL)
#FDD107rgb(253, 209, 7) · hsl(49, 98%, 51%)
WCAG 亮暗底對比度與向量體積
白底 1.5:1 · 暗底 13.5:1 · 1.2 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#FDD107" d="M118.769 20.712s-63.833 26-74.333 83.833 37.166 91.5 86.333 75.334 70.333-51 81.833-87c0 0-9.333 100.5-96.166 115.5s-118.167-50-82.167-119.834c10-21.5 46.25-58.916 84.5-67.833"/><path fill="#F89A1C" d="M118.769 20.712s-41.125 3.667-83.25 61.042-28.125 139.125 34.25 149.375 115.875-44.875 133.5-82.375 15.167-61.459 9.75-77.875c0 0 .667 36.416-13.333 59.666s-29.75 46.334-65.084 62.167-74.166 13.75-95.416-19.25-5.917-76.083-.292-85.333 33.5-54.334 79.875-67.417"/><path fill="#EF3E23" d="M73.019 39.629s38.125-28.125 76.875-28.125 63 28.25 68.5 52.25 6 54.125-11.5 87.625-37.375 56-79.125 76.125-84.625 2.75-84.625 2.75 25.977 25.875 71.05 16.5c45.075-9.375 82.242-40.875 98.408-69.5s28.792-57.375 27.667-92.25-23.75-54.5-31.25-60.25S185.83 6.94 150.83 8.19 86.456 29.816 73.02 39.63"/><path fill="#F26222" d="M73.019 39.629s35-32.813 82.437-32.813 69.188 24.813 78.875 44.688 21.813 70-12.187 123-74.625 67.375-93.625 71.625-42.431 4.269-59.112-1.23c0 0 35.195 8.396 66.779-7.437s51.666-32.167 74.083-68.833 25.917-72.75 22.167-93.917-12.167-42.417-36.5-56.333-56.73-10.532-74.48-4.532S91.988 26.41 73.02 39.63"/></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 256 256")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成