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