跳到主要内容

Rolldown

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

Rolldown Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Rolldown
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#FF19AFrgb(255, 25, 175) · hsl(321, 100%, 55%)
WCAG 亮暗底对比度与矢量体积
白底 3.5:1 · 暗底 5.7:1 · 6.0 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" width="43" height="45" fill="none" viewBox="0 0 43 45"><path fill="#f50" d="M39.287 0c.959 0 1.482 1.118.868 1.855L29.712 14.388c-1.228 1.473-.181 3.711 1.738 3.711h10.101c.959 0 1.482 1.118.868 1.855L22.211 44.206a1.132 1.132 0 0 1-1.738 0L.264 19.954c-.614-.737-.09-1.855.869-1.855H11.23c1.918 0 2.967-2.238 1.739-3.711L2.526 1.855C1.912 1.118 2.436 0 3.394 0z"/><mask id="mask0_2002_17217" width="43" height="45" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M39.287 0c.959 0 1.482 1.118.868 1.855L29.712 14.388c-1.228 1.473-.181 3.711 1.738 3.711h10.101c.959 0 1.482 1.118.868 1.855L22.211 44.206a1.132 1.132 0 0 1-1.738 0L.264 19.954c-.614-.737-.09-1.855.869-1.855H11.23c1.918 0 2.967-2.238 1.739-3.711L2.526 1.855C1.912 1.118 2.436 0 3.394 0z"/></mask><g mask="url(#mask0_2002_17217)"><g filter="url(#filter0_f_2002_17217)"><ellipse cx="5.397" cy="23.582" fill="#ffe7e5" rx="5.397" ry="23.582" transform="rotate(30.253 62.175 101.555)scale(-1 1)"/></g><g filter="url(#filter1_f_2002_17217)"><ellipse cx="5.397" cy="23.582" fill="#ffe7e5" rx="5.397" ry="23.582" transform="rotate(30.253 19.102 110.92)scale(-1 1)"/></g><g filter="url(#filter2_f_2002_17217)"><ellipse cx=".673" cy=".673" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(-36.093 .673 .673)"/></g><g filter="url(#filter3_f_2002_17217)"><ellipse cx="6.417" cy="33.331" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(-36.093 6.417 33.331)"/></g><g filter="url(#filter4_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 51.625 81.464)scale(-1 1)"/></g><g filter="url(#filter5_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 -1.94 87.215)scale(-1 1)"/></g><g filter="url(#filter6_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 49.902 76.175)scale(-1 1)"/></g><g filter="url(#filter7_f_2002_17217)"><ellipse cx="3.719" cy="21.831" fill="#ff19af" rx="3.719" ry="21.831" transform="rotate(36.093 -3.088 83.689)scale(-1 1)"/></g><g filter="url(#filter8_f_2002_17217)"><ellipse cx="2.796" cy="2.253" fill="#d14b2a" rx="5.397" ry="23.582" transform="rotate(-40.91 2.796 2.253)"/></g><g filter="url(#filter9_f_2002_17217)"><ellipse cx="6.468" cy="27.73" fill="#d14b2a" rx="5.397" ry="23.582" transform="rotate(-35.888 6.468 27.73)"/></g></g><defs><filter id="filter0_f_2002_17217" width="39.32" height="54.894" x="23.431" y="-27.29" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter1_f_2002_17217" width="39.32" height="54.894" x="22.282" y="-4.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter2_f_2002_17217" width="40.206" height="49.343" x="-19.43" y="-23.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter3_f_2002_17217" width="40.206" height="49.343" x="-13.686" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter4_f_2002_17217" width="40.206" height="49.343" x="21.93" y="-23.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter5_f_2002_17217" width="40.206" height="49.343" x="15.037" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter6_f_2002_17217" width="40.206" height="49.343" x="18.484" y="-23.998" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter7_f_2002_17217" width="40.206" height="49.343" x="12.739" y="8.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter8_f_2002_17217" width="45.741" height="50.132" x="-20.074" y="-22.813" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter><filter id="filter9_f_2002_17217" width="42.792" height="52.524" x="-14.928" y="1.468" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17217" stdDeviation="3.447"/></filter></defs></svg>

设计应用建议

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