跳到主要内容

Swell Network

Swell Network(Swell) 官方矢量标志,归属金融支付分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Swell Network Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Swell Network (Swell)
行业分类归属
金融支付
官方基色 (HEX / RGB / HSL)
#3068EFrgb(48, 104, 239) · hsl(222, 86%, 56%)
WCAG 亮暗底对比度与矢量体积
白底 4.8:1 · 暗底 4.1:1 · 1.3 KB

矢量代码片段

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2434 13.9065L20.2207 13.9304C20.2101 13.9413 20.1993 13.9523 20.1884 13.9631L13.9547 20.1868C12.8687 21.271 11.1081 21.271 10.0222 20.1868L8.30068 18.4682C8.17863 18.3469 8.17839 18.1495 8.29987 18.0276C8.33562 17.9917 8.37956 17.9651 8.42788 17.95C10.273 17.3804 11.7723 16.7229 12.9256 15.9776C15.6722 14.2025 18.1115 13.5121 20.2434 13.9065ZM18.9365 8.78675C21.2381 9.51201 20.9695 11.2051 21 11.8726C18.4794 10.5509 15.4471 11.0354 11.9031 13.3259C9.26153 15.0331 7.0488 15.7369 5.26493 15.4375C3.48105 15.138 3.07977 12.9594 3 12.3805C4.96015 13.3716 7.58703 12.8027 10.8806 10.6741C13.9496 8.69064 16.635 8.06149 18.9365 8.78675ZM13.9547 3.81314L15.5722 5.42784C15.694 5.5494 15.6942 5.74678 15.5726 5.86863C15.5293 5.9121 15.474 5.94178 15.4139 5.95391C13.0722 6.42565 11.1995 7.11515 9.79574 8.02242C7.3902 9.57709 5.34027 10.2997 3.64598 10.1903L3.64617 10.1898L10.0222 3.81314C11.1081 2.72895 12.8687 2.72895 13.9547 3.81314Z" fill="url(#paint0_linear_471_24)"/>
<defs>
<linearGradient id="paint0_linear_471_24" x1="12" y1="3" x2="11.8235" y2="33.3529" gradientUnits="userSpaceOnUse">
<stop stop-color="#3068EF"/>
<stop offset="1" stop-color="#1322AC"/>
</linearGradient>
</defs>
</svg>

设计应用建议

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