Blips

Official Blips vector logo in the Finance & Pay category. Download lossless SVG and a 1024px transparent PNG.

Scroll to zoom · Drag to pan · Double-click to zoom in

Brand Color Palette

Click swatch to copy HEX

Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download SVG Vector File PNG

Download all as ZIP

ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research

Code 6666888 · 5% OFF

ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported

Code 6666888 · 5% OFF

Vector Format: SVG · 1.10:1
Raster Export: 1024 × 1024 px
SVG viewBox: 0 0 905 826
File Size / Nodes: 22.5 KB · 18 paths
Official Site: https://blips.space/

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Single color

Background

Padding0%Corner radius0%

Format

Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setBlips.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name: Blips
Industry Category: Finance & Pay
Primary Color (HEX / RGB / HSL): #58A6E8rgb(88, 166, 232) · hsl(207, 76%, 63%)
WCAG Surface Contrast: Light 2.6:1 · Dark 7.6:1

Inline SVG Code Snippet

<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
<!-- ...[data omitted, click Copy or Download for full SVG]... -->
</svg>

Engineering & Layout Guidelines

Maintain the native 1.10:1 aspect ratio (viewBox "0 0 905 826") without non-uniform stretching.
Preserve at least 20% clear space around the emblem bounding box.
Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.

View All in Category

Alipay

支付宝

ESMA

Finance & Pay

China Life

中国人寿

Ant Group

蚂蚁集团

API

亚太财险

Huabei

花呗