哔哩哔哩
Bilibili
SoundCloud
SoundCloud（soundcloud-logo） 官方矢量标志，归属社交媒体分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
该标志提供独立暗色模式版本
色彩提取
点击直接复制色值单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正
下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 2.24:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- 0 0 75 33.51
- 源码体积
- 1.0 KB · 1 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装SoundCloud.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- SoundCloud (soundcloud-logo)
- 行业分类归属
- 社交媒体
- 官方基色 (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG 亮暗底对比度与矢量体积
- 白底 3.7:1 · 暗底 5.4:1 · 1.0 KB
矢量代码片段
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 33.51"><g data-name="Layer 2"><path d="M75 23.6a10.5 10.5 0 0 1-10.63 9.91H38.82a2.14 2.14 0 0 1-2.12-2.13V3.87a2.34 2.34 0 0 1 1.41-2.24S40.46 0 45.41 0A16.74 16.74 0 0 1 54 2.36a17 17 0 0 1 8 11.08 9.8 9.8 0 0 1 2.71-.37A10.23 10.23 0 0 1 75 23.6ZM33.51 5.61a.83.83 0 1 0-1.65 0c-.7 9.25-1.24 17.92 0 27.14a.83.83 0 0 0 1.65 0c1.33-9.3.77-17.81 0-27.14ZM28.35 8.81a.87.87 0 0 0-1.73 0 103.7 103.7 0 0 0 0 23.95.87.87 0 0 0 1.72 0 93.2 93.2 0 0 0 .01-23.95ZM23.16 8a.84.84 0 0 0-1.67 0c-.79 8.44-1.19 16.32 0 24.74a.83.83 0 0 0 1.66 0c1.23-8.53.85-16.19.01-24.74ZM18 10.41a.86.86 0 0 0-1.72 0 87.61 87.61 0 0 0 0 22.36.85.85 0 0 0 1.69 0A81.68 81.68 0 0 0 18 10.41ZM12.79 16a.85.85 0 0 0-1.7 0c-1.23 5.76-.65 11 .05 16.83a.81.81 0 0 0 1.6 0c.77-5.91 1.36-11.03.05-16.83ZM7.62 15.12a.88.88 0 0 0-1.75 0C4.78 21 5.14 26.18 5.9 32.05c.08.89 1.59.88 1.69 0 .84-5.96 1.23-10.99.03-16.93ZM2.4 18a.88.88 0 0 0-1.75 0c-1 3.95-.69 7.22.07 11.18a.82.82 0 0 0 1.63 0c.88-4.04 1.31-7.24.05-11.18Z"/></g></svg>设计应用建议
- 保持原生 2.24:1 宽高比（viewBox "0 0 75 33.51"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
