工具產品development-containersdevcontainersDev Containers

Development Containers

Development Containers（development-containers）官方向量標誌，歸屬工具產品分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

滾輪縮放 · 拖動平移 · 雙擊放大

色彩提取

點選直接複製色值

單色純正規範該標誌採用單一品牌官方基色，建議在排版中保持純正

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 1:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 24 24
原始碼體積: 677 B · 1 個路徑節點
官方來源: https://github.com/microsoft/fluentui-system-icons/blob/3e1e525f4499a22d46039ef54e9b9a86b809bc66/assets/Cube/SVG/ic_fluent_cube_24_regular.svg

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: Development Containers (development-containers)
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #2753E3rgb(39, 83, 227) · hsl(226, 77%, 52%)
WCAG 亮暗底對比度與向量體積: 白底 6.1:1 · 暗底 3.2:1 · 677 B

向量程式碼片段

<svg fill="#2753E3" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Development Containers</title><path d="M10.31.615a4.5 4.5 0 0 1 3.382 0l8.998 3.648A2.1 2.1 0 0 1 24 6.208v11.584a2.1 2.1 0 0 1-1.311 1.946l-8.998 3.648a4.5 4.5 0 0 1-3.382 0l-8.998-3.648A2.1 2.1 0 0 1 0 17.792V6.208a2.1 2.1 0 0 1 1.311-1.946Zm2.705 1.668a2.7 2.7 0 0 0-2.028 0l-9 3.647a.3.3 0 0 0-.187.278v11.584a.3.3 0 0 0 .187.278l8.999 3.648a2.7 2.7 0 0 0 2.028 0l8.999-3.648a.3.3 0 0 0 .187-.278V6.208a.3.3 0 0 0-.187-.278ZM6.019 6.658 12 8.928l5.98-2.27c1.122-.427 1.762 1.256.64 1.683l-5.72 2.17V17.1c0 1.2-1.8 1.2-1.8 0v-6.59L5.38 8.34c-1.122-.426-.482-2.109.64-1.683"/></svg>