跳到主要内容
工具产品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 扁平覆盖
查看更多同类
操作已完成