Blips

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

滚轮缩放 · 拖动平移 · 双击放大

色彩提取

点击直接复制色值

单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正

下载 SVG 矢量文件 PNG

一键打包 ZIP

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究

优惠码 6666888 享95折

ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连

限时特惠码 6666888 享95折

矢量格式: SVG · 1.10:1
导出分辨率: 1024 × 1024 px
画布视口: 0 0 905 826
源码体积: 22.5 KB · 18 个路径节点
官方来源: https://blips.space/

编辑与导出

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

颜色

单色

背景

留白0%圆角0%

格式

尺寸

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

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

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

品牌实体 / 展示名称: Blips
行业分类归属: 金融支付
官方基色 (HEX / RGB / HSL): #58A6E8rgb(88, 166, 232) · hsl(207, 76%, 63%)
WCAG 亮暗底对比度与矢量体积: 白底 2.6:1 · 暗底 7.6:1 · 22.5 KB

矢量代码片段

<svg width="905" height="826" viewBox="0 0 905 826" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2062_103)">
<circle cx="571.569" cy="410.571" r="46.5756" transform="rotate(120 571.569 410.571)" fill="url(#paint0_linear_2062_103)"/>
</g>
<g filter="url(#filter1_d_2062_103)">
<circle cx="511.831" cy="514.04" r="46.5756" transform="rotate(-180 511.831 514.04)" fill="url(#paint1_linear_2062_103)"/>
</g>
<g filter="url(#filter2_d_2062_103)">
<circle cx="392.355" cy="514.04" r="46.5756" transform="rotate(-120 392.355 514.04)" fill="url(#paint2_linear_2062_103)"/>
</g>
<g filter="url(#filter3_d_2062_103)">
<circle cx="332.617" cy="410.571" r="46.5756" transform="rotate(-60 332.617 410.571)" fill="url(#paint3_linear_2062_103)"/>
</g>
<g filter="url(#filter4_d_2062_103)">
<circle cx="392.355" cy="307.101" r="46.5756" fill="url(#paint4_linear_2062_103)"/>
</g>
<g filter="url(#filter5_d_2062_103)">
<circle cx="511.831" cy="307.101" r="46.5756" transform="rotate(60 511.831 307.101)" fill="url(#paint5_linear_2062_103)"/>
</g>
<g filter="url(#filter6_d_2062_103)">
<circle cx="644.526" cy="410.571" r="75.0162" transform="rotate(120 644.526 410.571)" fill="url(#paint6_linear_2062_103)"/>
</g>
<g filter="url(#filter7_d_2062_103)">
<circle cx="548.31" cy="577.223" r="75.0162" transform="rotate(-180 548.31 577.223)" fill="url(#paint7_linear_2062_103)"/>
</g>
<g filter="url(#filter8_d_2062_103)">
<circle cx="355.877" cy="577.222" r="75.0162" transform="rotate(-120 355.877 577.222)" fill="url(#paint8_linear_2062_103)"/>
</g>
<g filter="url(#filter9_d_2062_103)">
<circle cx="259.66" cy="410.571" r="75.0162" transform="rotate(-60 259.66 410.571)" fill="url(#paint9_linear_2062_103)"/>
</g>
<g filter="url(#filter10_d_2062_103)">
<circle cx="355.877" cy="243.919" r="75.0162" fill="url(#paint10_linear_2062_103)"/>
</g>
<g filter="url(#filter11_d_2062_103)">
<circle cx="548.309" cy="243.919" r="75.0162" transform="rotate(60 548.309 243.919)" fill="url(#paint11_linear_2062_103)"/>
</g>
<g filter="url(#filter12_d_2062_103)">
<circle cx="747.093" cy="412.57" r="115" transform="rotate(120 747.093 412.57)" fill="url(#paint12_linear_2062_103)"/>
</g>
<g filter="url(#filter13_d_2062_103)">
<circle cx="599.593" cy="668.048" r="115" transform="rotate(-180 599.593 668.048)" fill="url(#paint13_linear_2062_103)"/>
</g>
<g filter="url(#filter14_d_2062_103)">
<circle cx="304.593" cy="668.048" r="115" transform="rotate(-120 304.593 668.048)" fill="url(#paint14_linear_2062_103)"/>
</g>
<g filter="url(#filter15_d_2062_103)">
<circle cx="157.093" cy="412.57" r="115" transform="rotate(-60 157.093 412.57)" fill="url(#paint15_linear_2062_103)"/>
</g>
<g filter="url(#filter16_d_2062_103)">
<circle cx="304.593" cy="157.093" r="115" fill="url(#paint16_linear_2062_103)"/>
</g>
<g filter="url(#filter17_d_2062_103)">
<circle cx="599.593" cy="157.093" r="115" transform="rotate(60 599.593 157.093)" fill="url(#paint17_linear_2062_103)"/>
</g>
<defs>
<filter id="filter0_d_2062_103" x="496.986" y="349.987" width="141.167" height="141.167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter1_d_2062_103" x="437.256" y="453.465" width="141.151" height="141.151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter2_d_2062_103" x="317.771" y="453.457" width="141.167" height="141.167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter3_d_2062_103" x="258.033" y="349.987" width="141.167" height="141.167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter4_d_2062_103" x="317.779" y="246.525" width="141.151" height="141.151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter5_d_2062_103" x="437.248" y="246.518" width="141.167" height="141.167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter6_d_2062_103" x="541.497" y="321.542" width="198.057" height="198.057" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter7_d_2062_103" x="445.293" y="488.206" width="198.032" height="198.032" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter8_d_2062_103" x="252.848" y="488.194" width="198.058" height="198.058" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter9_d_2062_103" x="156.631" y="321.542" width="198.057" height="198.057" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter10_d_2062_103" x="252.86" y="154.903" width="198.032" height="198.032" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter11_d_2062_103" x="445.281" y="154.89" width="198.057" height="198.058" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter12_d_2062_103" x="604.074" y="283.551" width="278.038" height="278.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter13_d_2062_103" x="456.593" y="539.048" width="278" height="278" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter14_d_2062_103" x="161.574" y="539.029" width="278.038" height="278.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter15_d_2062_103" x="14.0737" y="283.551" width="278.038" height="278.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter16_d_2062_103" x="161.593" y="28.093" width="278" height="278" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<filter id="filter17_d_2062_103" x="456.574" y="28.0737" width="278.038" height="278.038" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="10"/>
<feGaussianBlur stdDeviation="12"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2062_103"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2062_103" result="shape"/>
</filter>
<linearGradient id="paint0_linear_2062_103" x1="592.69" y1="425.588" x2="529.567" y2="381.179" gradientUnits="userSpaceOnUse">
<stop stop-color="#58A6E8" style="stop-color:#58A6E8;stop-color:color(display-p3 0.3451 0.65
<!-- ...[数据已省略，点击复制或下载获取完整源码]... -->
</svg>

设计应用建议

保持原生 1.10:1 宽高比（viewBox "0 0 905 826"）等比例缩放，切勿拉伸变形
标志外围应预留不少于标志高度 20% 的空白安全保护区
内含矢量渐变节点，请勿强制使用 CSS fill: currentColor 扁平覆盖

查看更多同类

支付宝

Alipay

ESMA

金融支付

中国人寿

chinaLife

蚂蚁集团

AntGroup

亚太财险

API

花呗

huabei