跳到主要内容
工具产品暗色专用版

DoorOpener

DoorOpener 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

DoorOpener Logo
该标志提供独立暗色模式版本

色彩提取

点击直接复制色值

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 512 512
源码体积
3.0 KB · 11 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装DoorOpener.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
DoorOpener
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#4CAF50rgb(76, 175, 80) · hsl(122, 39%, 49%)
WCAG 亮暗底对比度与矢量体积
白底 2.8:1 · 暗底 7.1:1 · 3.0 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="dooropener_svg__a" x1="-672.191" x2="-654.226" y1="786.804" y2="768.839" gradientTransform="matrix(24 0 0 -28 16173 22035)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#666"/><stop offset="1" style="stop-color:#333"/></linearGradient><path d="M76.4 4.5h359.3c19.8 0 35.9 16.1 35.9 35.9v431.2c0 19.8-16.1 35.9-35.9 35.9H76.4c-19.8 0-35.9-16.1-35.9-35.9V40.4c-.1-19.8 16-35.9 35.9-35.9" style="fill:url(#dooropener_svg__a)"/><path d="M435.6 512H76.4C54.1 512 36 493.9 36 471.6V40.4C35.9 18.1 54.1 0 76.4 0h359.3c22.3 0 40.4 18.1 40.4 40.4v431.2c0 22.3-18.2 40.4-40.5 40.4M76.4 9C59 9 44.9 23.1 44.9 40.4v431.2c0 17.3 14.1 31.4 31.4 31.4h359.3c17.3 0 31.4-14.1 31.4-31.4V40.4C467.1 23.1 453 9 435.6 9z" style="fill:#222"/><linearGradient id="dooropener_svg__b" x1="-664.332" x2="-646.368" y1="783.691" y2="765.726" gradientTransform="matrix(20 0 0 -24 13363 18849)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#4caf50"/><stop offset="1" style="stop-color:#45a049"/></linearGradient><path d="M94.3 40.4h323.4c9.9 0 18 8 18 18v395.2c0 9.9-8 18-18 18H94.3c-9.9 0-18-8-18-18V58.4c.1-9.9 8.1-18 18-18" style="fill:url(#dooropener_svg__b)"/><path d="M417.7 476.1H94.3c-12.4 0-22.5-10.1-22.5-22.5V58.4c0-12.4 10.1-22.5 22.5-22.5h323.4c12.4 0 22.5 10.1 22.5 22.5v395.2c-.1 12.4-10.1 22.5-22.5 22.5M94.3 44.9c-7.4 0-13.5 6-13.5 13.5v395.2c0 7.4 6 13.5 13.5 13.5h323.4c7.4 0 13.5-6.1 13.5-13.5V58.4c0-7.4-6.1-13.5-13.5-13.5z" style="fill:#2e7d32"/><circle cx="363.8" cy="256" r="44.9" style="fill:#333"/><path d="M363.8 305.4c-27.2 0-49.4-22.2-49.4-49.4s22.2-49.4 49.4-49.4 49.4 22.2 49.4 49.4-22.2 49.4-49.4 49.4m0-89.8c-22.3 0-40.4 18.1-40.4 40.4s18.1 40.4 40.4 40.4 40.4-18.1 40.4-40.4-18.1-40.4-40.4-40.4" style="fill:#555"/><circle cx="363.8" cy="256" r="26.9" style="fill:#444"/><path d="M354.8 232.6c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4c0-2.9 2.4-5.4 5.4-5.4m18 0c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4c0-2.9 2.4-5.4 5.4-5.4m-18 18c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4m18 0c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4m-18 18c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4m18 0c3 0 5.4 2.4 5.4 5.4s-2.4 5.4-5.4 5.4-5.4-2.4-5.4-5.4 2.4-5.4 5.4-5.4" style="fill:#4caf50"/><path d="M390.7 222.8H121.3c-6.4 0-11.7-5.2-11.7-11.7V85.3c0-6.4 5.2-11.7 11.7-11.7h269.5c6.4 0 11.7 5.2 11.7 11.7v125.8c-.1 6.4-5.3 11.7-11.8 11.7M121.3 79c-3.5 0-6.3 2.8-6.3 6.3v125.8c0 3.5 2.8 6.3 6.3 6.3h269.5c3.5 0 6.3-2.8 6.3-6.3V85.3c0-3.5-2.8-6.3-6.3-6.3zm269.4 359.4H121.3c-6.4 0-11.7-5.2-11.7-11.7V300.9c0-6.4 5.2-11.7 11.7-11.7h269.5c6.4 0 11.7 5.2 11.7 11.7v125.8c-.1 6.4-5.3 11.7-11.8 11.7M121.3 294.6c-3.5 0-6.3 2.8-6.3 6.3v125.8c0 3.5 2.8 6.3 6.3 6.3h269.5c3.5 0 6.3-2.8 6.3-6.3V300.9c0-3.5-2.8-6.3-6.3-6.3z" style="opacity:.6;fill:#2e7d32"/><circle cx="148.2" cy="112.3" r="18" style="opacity:.8;fill:#ff5722"/><circle cx="148.2" cy="112.3" r="9" style="fill:#ff8a65"/></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 512 512")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成