跳到主要内容

Browserstack

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

Browserstack Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Browserstack
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#0070F0rgb(0, 112, 240) · hsl(212, 100%, 47%)
WCAG 亮暗底对比度与矢量体积
白底 4.6:1 · 暗底 4.3:1 · 4.9 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#f4b960" d="M64.147.295a63.852 63.852 0 0 0-.505.017 57.673 57.673 0 0 1 .455.049 50.022 50.022 0 0 1 1.2-.052 63.852 63.852 0 0 0-1.15-.014zM76.68 1.538a50.022 50.022 0 0 1 38.96 48.78 50.022 50.022 0 0 1-.329 5.416 57.673 57.673 0 0 1 .036 1.94 57.673 57.673 0 0 1-57.673 57.672A57.673 57.673 0 0 1 .322 63.41a63.852 63.852 0 0 0-.026.737A63.852 63.852 0 0 0 64.148 128 63.852 63.852 0 0 0 128 64.147a63.852 63.852 0 0 0-51.32-62.61z"/><path fill="#e66f32" d="M57.673 0A57.673 57.673 0 0 0 0 57.673a57.673 57.673 0 0 0 57.673 57.673 57.673 57.673 0 0 0 57.673-57.673 57.673 57.673 0 0 0-.037-1.948 50.022 50.022 0 0 1-.045.36 45.903 45.903 0 0 1-43.64 43.87 42.667 42.667 0 0 1-5.42.384 42.667 42.667 0 0 1-.3-.012 50.022 50.022 0 0 1-.287.012 50.022 50.022 0 0 1-50.022-50.023A50.022 50.022 0 0 1 64.063.358a57.673 57.673 0 0 0-6.39-.357z"/><path fill="#e43c41" d="M65.618.295a50.022 50.022 0 0 0-50.022 50.022 50.022 50.022 0 0 0 50.022 50.022 50.022 50.022 0 0 0 .3-.01A42.667 42.667 0 0 1 23.54 57.672a42.667 42.667 0 0 1 .071-1.734 45.903 45.903 0 0 1-.07-1.797 45.903 45.903 0 0 1 .386-5.677 35.604 35.604 0 0 1 6.431-18.388A45.903 45.903 0 0 1 69.444 8.24a45.903 45.903 0 0 1 45.903 45.903 45.903 45.903 0 0 1-.08 2.043 50.022 50.022 0 0 0 .375-5.868A50.022 50.022 0 0 0 65.62.296z"/><path fill="#bdd041" d="M69.443 8.24A45.903 45.903 0 0 0 30.53 29.852a35.604 35.604 0 0 1 28.908-14.846 35.604 35.604 0 0 1 1.405.032 30.014 30.014 0 0 1 4.186-.326 30.014 30.014 0 0 1 5.903.59 42.667 42.667 0 0 1 37.94 42.372 42.667 42.667 0 0 1-37.238 42.288 45.903 45.903 0 0 0 43.71-45.82 45.903 45.903 0 0 0-45.9-45.903zM23.931 48.39a45.903 45.903 0 0 0-.39 5.753 45.903 45.903 0 0 0 .066 1.792 42.667 42.667 0 0 1 .301-3.615 35.604 35.604 0 0 1-.074-1.708 35.604 35.604 0 0 1 .097-2.224z"/><path fill="#6db54c" d="M70.61 15.238a30.014 30.014 0 0 1 24.433 29.488 30.014 30.014 0 0 1-.094 2.18 26.189 26.189 0 0 1 .094 1.938 26.189 26.189 0 0 1-.013.816 35.604 35.604 0 0 1 .013.951 35.604 35.604 0 0 1-35.604 35.604 35.604 35.604 0 0 1-35.538-33.998 42.667 42.667 0 0 0-.36 5.456 42.667 42.667 0 0 0 42.666 42.667 42.667 42.667 0 0 0 42.667-42.667 42.667 42.667 0 0 0-38.263-42.436z"/><path fill="#aedae6" d="M59.438 15.007a35.604 35.604 0 0 0-35.604 35.604 35.604 35.604 0 0 0 35.604 35.604 35.604 35.604 0 0 0 35.604-35.604 35.604 35.604 0 0 0-.013-.943 26.189 26.189 0 0 1-26.176 25.366 26.189 26.189 0 0 1-3.776-.298 22.364 22.364 0 0 1-.049.003 30.014 30.014 0 0 1-30.014-30.014 30.014 30.014 0 0 1 25.772-29.691 35.604 35.604 0 0 0-1.346-.028z"/><path fill="#56b8de" d="M65.029 14.712a30.014 30.014 0 0 0-30.014 30.014A30.014 30.014 0 0 0 65.029 74.74a22.364 22.364 0 0 1-5.788-.762 22.364 22.364 0 0 1-1.86-.587 22.364 22.364 0 0 1-5.179-2.695 22.364 22.364 0 0 1-1.547-1.189 22.364 22.364 0 0 1-1.439-1.318 22.364 22.364 0 0 1-2.506-2.986 22.364 22.364 0 0 1-4.045-12.827 22.364 22.364 0 0 1 .076-1.714 26.189 26.189 0 0 1-.077-1.817 26.189 26.189 0 0 1 26.19-26.189 26.189 26.189 0 0 1 26.108 24.247 30.014 30.014 0 0 0 .08-2.177 30.014 30.014 0 0 0-30.014-30.014z"/><path fill="#00b1d5" d="M68.854 22.657a26.189 26.189 0 0 0-26.189 26.189 26.189 26.189 0 0 0 .069 1.88 22.364 22.364 0 0 1 .008-.196 22.364 22.364 0 0 1 .229-1.834 22.364 22.364 0 0 1 .379-1.81 22.364 22.364 0 0 1 1.198-3.493 22.364 22.364 0 0 1 .812-1.66 22.364 22.364 0 0 1 .946-1.588 22.364 22.364 0 0 1 3.577-4.221 22.364 22.364 0 0 1 1.41-1.195 22.364 22.364 0 0 1 1.505-1.073 22.364 22.364 0 0 1 1.587-.948 22.364 22.364 0 0 1 3.383-1.483 22.364 22.364 0 0 1 7.26-1.21 22.364 22.364 0 0 1 .618.007 22.364 22.364 0 0 1 1.23.067 22.364 22.364 0 0 1 1.224.136 22.364 22.364 0 0 1 5.912 1.672 22.364 22.364 0 0 1 1.115.526 22.364 22.364 0 0 1 2.134 1.231 22.364 22.364 0 0 1 .51.345 22.364 22.364 0 0 1 .995.73 22.364 22.364 0 0 1 .48.385 22.364 22.364 0 0 1 2.237 2.117 22.364 22.364 0 0 1 1.567 1.9 22.364 22.364 0 0 1 .357.503 22.364 22.364 0 0 1 .99 1.56 22.364 22.364 0 0 1 .857 1.638 22.364 22.364 0 0 1 .255.56 22.364 22.364 0 0 1 .464 1.143 22.364 22.364 0 0 1 .208.58 22.364 22.364 0 0 1 .369 1.176 22.364 22.364 0 0 1 .159.595 22.364 22.364 0 0 1 .472 2.42 22.364 22.364 0 0 1 .076.611 22.364 22.364 0 0 1 .059.612 22.364 22.364 0 0 1 .067 1.232 22.364 22.364 0 0 1 .01.616A22.364 22.364 0 0 1 65.027 74.74a22.364 22.364 0 0 1-.071-.003 26.189 26.189 0 0 0 3.898.297 26.189 26.189 0 0 0 26.189-26.189 26.189 26.189 0 0 0-26.19-26.189z"/><path fill="#221f1f" d="M65.029 30.012a22.364 22.364 0 0 0-22.364 22.364A22.364 22.364 0 0 0 65.029 74.74a22.364 22.364 0 0 0 22.364-22.364 22.364 22.364 0 0 0-22.364-22.364zm10.707 7.575a4.414 7.062 24.166 0 1 1.14.248 4.414 7.062 24.166 0 1 1.136 8.25 4.414 7.062 24.166 0 1-6.918 4.637 4.414 7.062 24.166 0 1-1.135-8.25 4.414 7.062 24.166 0 1 5.776-4.884z"/><path fill="#fff" d="M76.878 37.836a4.414 7.062 24.166 0 1 1.135 8.25 4.414 7.062 24.166 0 1-6.918 4.636 4.414 7.062 24.166 0 1-1.135-8.249 4.414 7.062 24.166 0 1 6.917-4.637z"/></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 128 128")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成