跳到主要內容
工具產品azure-iot-hubAzure IoT Hub

IoT Hub

IoT Hub(azure-iot-hub) 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

IoT Hub Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
IoT Hub (azure-iot-hub)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#00A4EFrgb(0, 164, 239) · hsl(199, 100%, 47%)
WCAG 亮暗底對比度與向量體積
白底 2.8:1 · 暗底 7.1:1 · 1.9 KB

向量程式碼片段

<svg id="aa9b6cd1-47ec-44db-bbf1-958203b5601f" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="faaeb69b-3035-4577-9cb1-ddd3fba791e3" x1="9.13" y1="18.81" x2="8.85" y2="-8.1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#198ab3" /><stop offset="0" stop-color="#198ab3" /><stop offset="0.09" stop-color="#22a5cb" /><stop offset="0.19" stop-color="#29bade" /><stop offset="0.29" stop-color="#2ec9eb" /><stop offset="0.42" stop-color="#31d1f3" /><stop offset="0.62" stop-color="#32d4f5" /></linearGradient></defs><circle id="fa3a22e9-e4e8-46a1-bc09-f9532747c739" cx="11.4" cy="8.44" r="1.97" fill="#fff" /><circle id="eb214416-6791-4934-ac0c-35afaa829f6e" cx="14.7" cy="14.3" r="1.55" fill="#fff" /><circle id="a4424413-b91f-48da-aedd-39e3a978b430" cx="8.57" cy="13.24" r="1.33" fill="#fff" /><circle id="f7ecfc1a-3268-471b-9464-57023bfc9cc4" cx="7.61" cy="3.11" r="1.65" fill="#fff" /><circle id="b4388938-ad80-41b4-b729-5c21e3eab320" cx="3.19" cy="9.19" r="1.33" fill="#fff" /><polygon points="15.06 13.99 11.73 8.16 11.4 8.35 11.67 8.15 7.9 2.79 7.21 3.29 10.55 8.04 3.15 8.65 3.22 9.51 10.55 8.9 8.12 12.94 8.85 13.38 11.35 9.22 14.32 14.41 15.06 13.99" fill="#949494" /><g><path d="M17.53,1.23h0A.73.73,0,0,0,16.8.5H13a.36.36,0,0,0-.36.36V2.27a.36.36,0,0,0,.36.36h2.35v2.3a.38.38,0,0,0,.37.37h1.4a.38.38,0,0,0,.37-.37V1.23Z" fill="#949494" /><path d="M5,15.37H2.61v-2.3a.38.38,0,0,0-.37-.37H.84a.38.38,0,0,0-.37.37v3.7h0a.73.73,0,0,0,.73.72H5a.36.36,0,0,0,.36-.36V15.73A.36.36,0,0,0,5,15.37Z" fill="#949494" /></g><path d="M11.4,6.49a2,2,0,1,1-2,1.95A2,2,0,0,1,11.4,6.49ZM6,3.11A1.66,1.66,0,1,0,7.62,1.46,1.65,1.65,0,0,0,6,3.11ZM1.86,9.18A1.33,1.33,0,1,0,3.19,7.85,1.33,1.33,0,0,0,1.86,9.18Zm5.38,4.05A1.34,1.34,0,1,0,8.58,11.9,1.33,1.33,0,0,0,7.24,13.23Zm5.92,1.07a1.55,1.55,0,1,0,1.55-1.54A1.53,1.53,0,0,0,13.16,14.3Z" fill="url(#faaeb69b-3035-4577-9cb1-ddd3fba791e3)" /></svg>

設計應用建議

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