跳到主要內容

OpenSandbox

OpenSandbox 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

OpenSandbox Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
OpenSandbox
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#0C53A3rgb(12, 83, 163) · hsl(212, 86%, 34%)
WCAG 亮暗底對比度與向量體積
白底 7.5:1 · 暗底 2.6:1 · 3.6 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="660" height="660" viewBox="0 0 660 660"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg0_4_5766"><stop offset="0.0016445583241875283%" stop-color="#0C53A3" stop-opacity="1"/><stop offset="100%" stop-color="#0C53A3" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_4_5708"><stop offset="0.0016445583241875283%" stop-color="#F3A42A" stop-opacity="1"/><stop offset="100%" stop-color="#F35C02" stop-opacity="1"/></linearGradient><linearGradient x1="0.20069611072540283" y1="0.18444368243217468" x2="1.0789973306258251" y2="0.5764015479489717" id="master_svg2_4_7677"><stop offset="0%" stop-color="#61C1F0" stop-opacity="1"/><stop offset="59.85197424888611%" stop-color="#5DC0EF" stop-opacity="1"/><stop offset="100%" stop-color="#F0F9FE" stop-opacity="1"/></linearGradient><linearGradient x1="0" y1="0.24214418232440948" x2="0.1864739157924507" y2="1.0705726993057754" id="master_svg3_4_3789"><stop offset="0%" stop-color="#F99D1C" stop-opacity="1"/><stop offset="100%" stop-color="#FB7611" stop-opacity="1"/></linearGradient><linearGradient x1="0.37335318326950073" y1="0.11337422579526901" x2="0.9637989928058753" y2="0.27277780617815583" id="master_svg4_4_7415"><stop offset="27.3015558719635%" stop-color="#61C1F0" stop-opacity="1"/><stop offset="65.14888405799866%" stop-color="#FFAA50" stop-opacity="1"/></linearGradient></defs><g><g><path d="M330,30.11107227L329.80762,30L69.9999923706055,180.00002L70,480L329.80762,630L330,629.88892L330,539.88889L329.80762,539.9999700000001L147.942284,435L147.942276,225L329.80762,120L330,120.111069L330,30.11107227Z" fill-rule="evenodd" fill="url(#master_svg0_4_5766)" fill-opacity="1"/></g><g transform="matrix(-1,0,0,1,1180,0)"><path d="M850,30.11107227L849.80762,30L589.9999923706055,180.00002L590,480L849.80762,630L850,629.88892L850,539.88889L849.80762,539.9999700000001L667.942284,435L667.942276,225L849.80762,120L850,120.111069L850,30.11107227Z" fill-rule="evenodd" fill="url(#master_svg1_4_5708)" fill-opacity="1"/></g><g><path d="M329.8076007421875,120L147.9422779083255,225L147.9422836303715,435L329.8076007421875,539.9999700000001L329.8076207421875,441.5L233.2457887421875,385.75L233.2457807421875,274.25L329.8076207421875,218.5L329.8076007421875,120Z" fill-rule="evenodd" fill="#1E222C" fill-opacity="1"/></g><g><path d="M329.807601928711,539.9999700000001L511.6729471875,435L511.6729471875,224.99999L329.8076171875,120.0000088096649L329.8076171875,218.5L426.3694461875,274.25L426.3694461875,385.75L329.8076171875,441.5L329.807601928711,539.9999700000001Z" fill-rule="evenodd" fill="#0B0A0C" fill-opacity="1"/></g><g><path d="M213.66533,97.05479281789L70,180.00001550000002L329.66455,329.89178749999996L408.82071,284.19097750000003L227.12062,179.28637650000002L291.6076,142.0547905L213.66533,97.05479281789Z" fill-rule="evenodd" fill="url(#master_svg2_4_7677)" fill-opacity="1"/></g><g><path d="M147.8076171875,314.5L329.8076171875,419.5L329.8076171875,330L147.8076171875,225L147.8076171875,314.5Z" fill="#0B0A0C" fill-opacity="1"/></g><g><path d="M329.8076171875,419.5L408.8076171875,373.75L408.8076171875,284.25L329.8076171875,330L329.8076171875,419.5Z" fill="url(#master_svg3_4_3789)" fill-opacity="1"/></g><g><path d="M213.66537475585918,97.054794L291.6076509794922,142.05479L329.8076589794922,120L511.6729889794922,225L589.6152789794921,180L329.8076589794922,30L213.66537254305518,97.054787L213.66537475585918,97.054794Z" fill-rule="evenodd" fill="url(#master_svg4_4_7415)" fill-opacity="1"/></g></g></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 660 660")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成