跳到主要内容
工具产品Cosmic JSCosmic

Cosmic.js

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

Cosmic.js Logo

色彩提取

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

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Cosmic.js
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#3DBFF5rgb(61, 191, 245) · hsl(198, 90%, 60%)
WCAG 亮暗底对比度与矢量体积
白底 2.1:1 · 暗底 9.4:1 · 2.5 KB

矢量代码片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="none"><path fill="#3dbff5" d="M25.03 22.033c1.516-1.358 2.915-2.716 4.43-3.95a167 167 0 0 0-3.264-2.345c-1.282 1.11-2.565 2.345-3.847 3.58a4.62 4.62 0 0 1 2.681 2.715" style="stroke-width:1.72973"/><path fill="#3dbff5" d="M21.307 28.342c2.805.008 5.085-2.335 5.092-5.232.008-2.897-2.26-5.252-5.066-5.26-2.805-.007-5.085 2.335-5.092 5.232-.008 2.897 2.26 5.252 5.066 5.26M25.797 52.329c-7.205 4.07-13.432 5.086-16.24 2.289-3.908-3.942-.367-14.242 8.18-24.669-1.343-.381-2.442-1.399-3.052-2.67C2.23 41.775-3.387 56.399 2.108 61.866c4.518 4.578 15.385 1.526 27.352-6.612-1.22-.89-2.442-1.908-3.663-2.925" style="stroke-width:1.72973"/><path fill="#3dbff5" d="M34.014 17.584c.366-1.395 1.34-2.536 2.557-3.17C22.204 2.114 7.594-3.34 2.115 2.114-2.39 6.678.532 17.456 8.69 29.376c.974-1.268 1.948-2.409 2.922-3.677-4.018-7.228-5.114-13.442-2.314-16.358 4.018-3.932 14.246-.254 24.716 8.242M44.377 20.984c-.474 1.272-1.541 2.289-2.726 2.798 1.777 1.907 3.437 3.688 4.859 5.595.83-1.144 1.66-2.289 2.252-3.433-1.304-1.654-2.845-3.307-4.385-4.96" style="stroke-width:1.72973"/><path fill="#3dbff5" d="M40.635 26.23c2.835 0 5.08-2.303 5.08-5.246s-2.245-5.246-5.08-5.246-5.08 2.303-5.08 5.246c0 2.815 2.245 5.246 5.08 5.246" style="stroke-width:1.72973"/><path fill="#3dbff5" d="M54.525 9.413c3.923 3.938.368 14.226-8.215 24.641 1.349.381 2.452 1.398 3.065 2.668C61.76 22.242 67.4 7.508 61.881 2.046 57.345-2.399 46.433.65 34.54 8.778c1.226.89 2.452 1.905 3.678 2.921 7.234-4.064 13.487-5.08 16.307-2.286M39.88 40.919c-1.741 1.772-3.599 3.418-5.34 4.938a56 56 0 0 0 3.366 2.406c1.626-1.393 3.135-2.913 4.76-4.559-1.277-.506-2.205-1.52-2.786-2.785" style="stroke-width:1.72973"/><path fill="#3dbff5" d="M43.71 35.658c-2.805-.008-5.085 2.334-5.093 5.231s2.26 5.253 5.065 5.26c2.806.009 5.086-2.334 5.094-5.23.007-2.898-2.26-5.253-5.066-5.261M22.35 40.219c-1.779-1.908-3.438-3.688-4.86-5.596-.83 1.145-1.66 2.29-2.252 3.434 1.422 1.653 2.844 3.306 4.385 4.96.474-1.272 1.422-2.29 2.726-2.798" style="stroke-width:1.72973"/><path fill="#3dbff5" d="M55.339 34.623c-.97 1.264-1.942 2.401-2.912 3.665 4.004 7.202 5.096 13.267 2.184 16.173-4.005 3.917-14.198.253-24.634-8.087-.364 1.39-1.335 2.528-2.549 3.16C41.87 61.79 56.431 67.348 61.892 61.915c4.49-4.675 1.577-15.542-6.553-27.293M28.458 43.044c.007-2.897-2.261-5.252-5.067-5.26-2.805-.007-5.085 2.335-5.092 5.233s2.26 5.252 5.066 5.26c2.805.007 5.085-2.336 5.093-5.233" style="stroke-width:1.72973"/></svg>

设计应用建议

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