跳到主要內容
LogoHub
工具產品

Fluid

Fluid 官方向量標誌，歸屬工具產品分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Fluid Logo

色彩提取

點選直接複製色值

下載

下載 SVG 向量檔案PNG
一鍵打包 ZIP
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 2.21:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 498.9 225.3
原始碼體積
9.9 KB · 14 個路徑節點
官方來源
https://fluid-cloudnative.github.io/

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Fluid.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Fluid
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#16469Drgb(22, 70, 157) · hsl(219, 75%, 35%)
WCAG 亮暗底對比度與向量體積
白底 8.8:1 · 暗底 2.3:1 · 9.9 KB

向量程式碼片段

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 498.9 225.3" style="enable-background:new 0 0 498.9 225.3;" xml:space="preserve">
<style type="text/css">
	.st0{fill:url(#SVGID_1_);}
	.st1{fill:url(#SVGID_2_);}
	.st2{fill:url(#SVGID_3_);}
	.st3{fill:url(#SVGID_4_);}
	.st4{fill:url(#SVGID_5_);}
	.st5{fill:url(#SVGID_6_);}
	.st6{fill:url(#SVGID_7_);}
	.st7{fill:url(#SVGID_8_);}
	.st8{fill:url(#SVGID_9_);}
	.st9{fill:url(#SVGID_10_);}
	.st10{fill:url(#SVGID_11_);}
	.st11{fill:url(#SVGID_12_);}
	.st12{fill:url(#SVGID_13_);}
	.st13{fill:url(#SVGID_14_);}
</style>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="195.6787" y1="117.9932" x2="214.0121" y2="160.6599">
	<stop  offset="0" style="stop-color:#9ED8F5"/>
	<stop  offset="0.25" style="stop-color:#73C9F2"/>
	<stop  offset="0.45" style="stop-color:#009CE5"/>
	<stop  offset="0.5618" style="stop-color:#0090DA"/>
	<stop  offset="0.764" style="stop-color:#31468F"/>
</linearGradient>
<path class="st0" d="M195.7,131.3v21.4h4.7v-13.8h11.1v-4.6h-11.1V131c0-3.9,2.2-6.1,6.2-6.1h4.9v-4.5h-4.7
	C199.3,120.3,195.7,123.8,195.7,131.3z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="209.4088" y1="112.0936" x2="227.7422" y2="154.7602">
	<stop  offset="0" style="stop-color:#9ED8F5"/>
	<stop  offset="0.25" style="stop-color:#73C9F2"/>
	<stop  offset="0.45" style="stop-color:#009CE5"/>
	<stop  offset="0.5618" style="stop-color:#0090DA"/>
	<stop  offset="0.764" style="stop-color:#31468F"/>
</linearGradient>
<rect x="217.8" y="120.3" class="st1" width="4.2" height="32.4"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="224.6553" y1="105.5423" x2="242.9887" y2="148.209">
	<stop  offset="0" style="stop-color:#9ED8F5"/>
	<stop  offset="0.25" style="stop-color:#73C9F2"/>
	<stop  offset="0.45" style="stop-color:#009CE5"/>
	<stop  offset="0.5618" style="stop-color:#0090DA"/>
	<stop  offset="0.764" style="stop-color:#31468F"/>
</linearGradient>
<path class="st2" d="M232.5,143.2v-15.7h-4.2v14.7c0,3,0.3,5.1,1.8,7c1.9,2.4,4.8,3.8,7.9,3.8c6,0,9.7-4.2,9.7-10.9v-14.7h-4.2v15.7
	c0,3.5-2.3,5.9-5.5,5.9C234.8,149.1,232.5,146.7,232.5,143.2z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="238.6774" y1="99.5172" x2="257.0107" y2="142.1839">
	<stop  offset="0" style="stop-color:#9ED8F5"/>
	<stop  offset="0.25" style="stop-color:#73C9F2"/>
	<stop  offset="0.45" style="stop-color:#009CE5"/>
	<stop  offset="0.5618" style="stop-color:#0090DA"/>
	<stop  offset="0.764" style="stop-color:#31468F"/>
</linearGradient>
<rect x="254" y="127.5" class="st3" width="4.2" height="25.2"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="257.1637" y1="91.5739" x2="275.497" y2="134.2406">
	<stop  offset="0" style="stop-color:#9ED8F5"/>
	<stop  offset="0.25" style="stop-color:#73C9F2"/>
	<stop  offset="0.45" style="stop-color:#009CE5"/>
	<stop  offset="0.5618" style="stop-color:#0090DA"/>
	<stop  offset="0.764" style="stop-color:#31468F"/>
</linearGradient>
<path class="st4" d="M274.7,149.1c-3.9,0-6.7-3-6.7-7.2c0-4.6,2.8-7.6,7-7.6c1.2,0,2.4,0.3,3.6,0.8v-4c-1.3-0.5-2.7-0.7-4.1-0.7
	c-6.4,0-10.8,4.6-10.8,11.3c0,6.6,4.6,11.5,10.9,11.5c4.2,0,7.9-2.1,9.8-5.5c1.1-2,1.4-4.3,1.4-7.6v-19.8h-4.2v21.3
	C281.5,146.1,278.8,149.1,274.7,149.1z"/>
<g>
	<radialGradient id="SVGID_6_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st5" d="M224,94.8c0-0.6-0.1-1.4-0.5-1.4c-0.5,0-0.6,0.8-0.6,1.4c0,0.9,0.2,1.3,0.5,1.3C223.9,96.1,224,95.4,224,94.8z
		"/>
	<radialGradient id="SVGID_7_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st6" d="M256.5,82.7c0-1.3-0.3-1.9-0.7-1.9c-0.5,0-0.8,0.6-0.8,1.9c0,1.2,0.3,1.8,0.8,1.8
		C256.2,84.5,256.5,83.9,256.5,82.7z"/>
	<radialGradient id="SVGID_8_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st7" d="M213,101.9c-0.8,0-1.2,0.9-1.2,2.6c0,1.6,0.4,2.5,1.1,2.5c0.7,0,1.1-0.8,1.1-2.5
		C214.1,102.8,213.7,101.9,213,101.9z"/>
	<radialGradient id="SVGID_9_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st8" d="M236,94.7c-1.3,0-2,1.5-2,4.5c0,2.8,0.7,4.2,2,4.2c1.3,0,2-1.4,2-4.2C237.9,96.2,237.2,94.7,236,94.7z"/>
	
		<radialGradient id="SVGID_10_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st9" d="M268.1,114.7C268.1,114.7,268.1,114.7,268.1,114.7c0-0.2,0.1-0.5,0.1-0.8c0-1.7-0.4-2.6-1.1-2.6
		c-0.8,0-1.2,0.9-1.2,2.6c0,0.3,0,0.6,0,0.8l1.8,0C267.8,114.8,268,114.8,268.1,114.7z"/>
	
		<radialGradient id="SVGID_11_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st10" d="M258.6,93.8c-0.9,0-1.4,1.1-1.4,3.2c0,2,0.5,2.9,1.4,2.9c0.9,0,1.3-1,1.3-3C259.9,94.9,259.4,93.8,258.6,93.8
		z"/>
	
		<radialGradient id="SVGID_12_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st11" d="M274.5,101.5c-0.1-0.4-0.2-0.7-0.4-1.1c-0.1-0.2-0.2-0.4-0.3-0.6c-0.3-0.7-0.7-1.4-1.2-2c0,0,0,0,0,0
		c-3.3-4.4-8.8-4.3-8.8-4.3c0.1-0.8,0.1-1.5,0-2.1c0-0.2,0-0.4,0-0.6c-0.4-7.3-4.5-10.3-4.5-10.3c-3.2-3.4-6.7-4.5-8.8-5
		c-0.5-0.1-2.7-0.3-3-0.3c-0.3,0-2.1,0-2.8,0.2c-0.7,0.2-1.5,0.3-2.2,0.5c-0.4,0.1-0.8,0.2-1.1,0.4c-0.1,0-0.1,0-0.2,0.1v2.9h2.4V81
		H237v-1.7h2.4v-2.1c-2.8,1.4-4.7,3.3-5.9,5c1.3,0.2,2,1.4,2,3.7c0,1.2-0.2,2.1-0.7,2.8c-0.5,0.7-1.1,1-1.9,1c-0.8,0-1.4-0.3-1.8-1
		c-0.4-0.6-0.6-1.5-0.6-2.7c0-0.3,0-0.6,0-0.8c-0.2-0.2-0.5-0.4-0.7-0.5c-0.9-0.7-2-1-3.1-1.1c-0.9-0.1-1.8-0.2-2.6,0.1
		c-0.6,0.2-1.3,0.4-1.9,0.6c-0.6,0.3-1.2,0.7-1.7,1.2c-3.1,2.2-2.6,6.8-2.6,6.8c-0.1,0-0.3,0.1-0.4,0.1v3.7h1.5v1.2h-4.4v-1.2h1.5
		v-3.2c-8,3.3-7.1,11.4-7.1,11.4c0,0.2,0.1,0.4,0.1,0.6c0,0.8,0.1,1.7,0.4,2.5c0.6,1.4,1.1,2.8,2.1,3.9c0.5,0.5,1,1.2,1.5,1.6
		c1.2,0.9,2.4,1.6,3.9,2.1c1,0.3,2,0.5,3.1,0.6c3.5,0.1,7,0,10.6,0c3.1,0,6.3,0,9.4,0c0.2,0,0.6,0.1,0.6,0.3c0,0,0,0,0,0l15.9,7.2
		c-0.2-0.3-1-2.4-1.2-3c-0.5-1.8,0.1-3.9,0.5-5.5l8.4,0.2c0-0.2,0-0.5,0-0.7c0-1.3,0.2-2.2,0.6-2.9c0.4-0.7,1.1-1,1.9-1
		c1.6,0,2.4,1.3,2.4,3.7c0,0.1,0,0.1,0,0.2c0.8-0.4,1.5-0.9,2.1-1.5c0.4-0.5,1-0.9,1.4-1.4c0.4-0.6,0.7-1.2,1-1.8
		c0.5-1.2,1-2.4,1-3.8C274.9,104.1,274.9,102.8,274.5,101.5z M214.8,107.2c-0.5,0.7-1.1,1-1.9,1c-0.8,0-1.4-0.3-1.8-1
		c-0.4-0.6-0.6-1.5-0.6-2.7c0-1.3,0.2-2.2,0.6-2.9c0.4-0.7,1.1-1,1.9-1c1.6,0,2.4,1.3,2.4,3.7C215.5,105.6,215.3,106.6,214.8,107.2z
		 M222.3,96.4c-0.2-0.4-0.4-0.9-0.4-1.6c0-0.8,0.1-1.3,0.4-1.7c0.3-0.4,0.7-0.6,1.2-0.6c0.7,0,1.5,0.4,1.5,2.3
		c0,0.7-0.1,1.3-0.4,1.7c-0.3,0.4-0.7,0.6-1.2,0.6C222.9,97,222.5,96.8,222.3,96.4z M227.7,110.6h-4.4v-1.2h1.5v-4.6l-1.6,0.5v-1.3
		l2.9-0.8v6.3h1.5V110.6z M239.4,112.2h-2.9v-1h0.9v-2.6l-1,0.3v-1l2-0.6v3.9h0.9V112.2z M238.8,103.4c-0.7,1.1-1.7,1.6-3,1.6
		c-1.2,0-2.2-0.5-2.8-1.5c-0.6-1-1-2.4-1-4.2c0-2,0.3-3.5,1-4.6c0.7-1.1,1.7-1.6,3-1.6c2.5,0,3.8,2,3.8,5.9
		C239.8,100.9,239.5,102.4,238.8,103.4z M244,88.1v-1.3l2.8-0.8v6h1.4v1.2h-4.2V92h1.5v-4.3L244,88.1z M251.8,118.6h-4.4v-1.2h1.5
		v-4.6l-1.6,0.5v-1.3l2.9-0.8v6.3h1.5V118.6z M253.7,108H247v-1.7h2.4v-7.7l-2.5,0.7v-1.8l4.4-1.3v10h2.4V108z M254.3,84.8
		c-0.3-0.5-0.5-1.2-0.5-2c0-1,0.2-1.7,0.5-2.2c0.3-0.5,0.9-0.8,1.5-0.8c1.2,0,1.9,1,1.9,2.9c0,0.9-0.2,1.6-0.5,2.1
		c-0.4,0.5-0.9,0.8-1.5,0.8C255.1,85.6,254.6,85.3,254.3,84.8z M260.7,100.1c-0.5,0.8-1.3,1.2-2.2,1.2c-0.9,0-1.6-0.4-2.1-1.1
		c-0.5-0.7-0.7-1.8-0.7-3.1c0-1.5,0.2-2.6,0.7-3.3c0.5-0.8,1.3-1.2,2.2-1.2c1.9,0,2.8,1.5,2.8,4.4
		C261.4,98.2,261.2,99.3,260.7,100.1z M268.7,104.3c-0.5,0.7-1.1,1-1.9,1c-0.8,0-1.4-0.3-1.8-1c-0.4-0.6-0.6-1.5-0.6-2.7
		c0-1.3,0.2-2.2,0.6-2.9c0.4-0.7,1.1-1,1.9-1c1.6,0,2.4,1.3,2.4,3.7C269.4,102.8,269.2,103.7,268.7,104.3z"/>
	
		<radialGradient id="SVGID_13_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st12" d="M231.9,85.9c0,1.6,0.4,2.5,1.1,2.5c0.7,0,1.1-0.8,1.1-2.5c0-1.7-0.4-2.6-1.1-2.6c-0.1,0-0.3,0-0.4,0.1
		c-0.3,0.5-0.5,0.9-0.7,1.3C231.9,85.1,231.9,85.5,231.9,85.9z"/>
	
		<radialGradient id="SVGID_14_" cx="227.3638" cy="97.3276" r="40.0031" fx="192.1888" fy="110.272" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#00ADEE"/>
		<stop  offset="0.86" style="stop-color:#16469D"/>
		<stop  offset="1" style="stop-color:#16469D"/>
	</radialGradient>
	<path class="st13" d="M266.9,99c-0.8,0-1.2,0.9-1.2,2.6c0,1.6,0.4,2.5,1.1,2.5c0.7,0,1.1-0.8,1.1-2.5C268,99.9,267.6,99,266.9,99z"
		/>
</g>
</svg>

設計應用建議

  • 保持原生 2.21:1 寬高比（viewBox "0 0 498.9 225.3"）等比例縮放，切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋

同類推薦標誌

檢視更多同類
操作已完成