跳到主要內容

APIOAK

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

APIOAK Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 24:25
匯出解析度
1024 × 1024 px
畫布視口
0 0 480 500
原始碼體積
3.1 KB · 10 個路徑節點

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
APIOAK
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#1CB2FArgb(28, 178, 250) · hsl(199, 96%, 55%)
WCAG 亮暗底對比度與向量體積
白底 2.4:1 · 暗底 8.3:1 · 3.1 KB

向量程式碼片段

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 480 500" style="enable-background:new 0 0 480 500;" xml:space="preserve">
<style type="text/css">
	.st0{fill:url(#SVGID_1_);}
	.st1{enable-background:new    ;}
	.st2{fill:#666666;}
	.st3{fill:url(#SVGID_2_);}
	.st4{fill:url(#SVGID_3_);}
	.st5{fill:url(#SVGID_4_);}
</style>
<title>APIOAK</title>
<desc>Full Lifecycle Management API Gateway.</desc>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="239.7" y1="105.2" x2="239.7" y2="500" gradientTransform="matrix(1 0 0 -1 0 500)">
	<stop  offset="0" style="stop-color:#32DCDA"/>
	<stop  offset="1" style="stop-color:#5CC9F9"/>
</linearGradient>
<polygon class="st0" points="240.2,0 0,394.8 214.2,394.8 274.7,295 272.3,252 228.9,260.5 179.1,334.3 113.9,334.7 243.5,115.1
	371.8,334.6 286.8,333.2 248.9,394.8 479.4,394.8 "/>
<g class="st1">
	<path class="st2" d="M58.9,479.3H28.2L20.6,500h-9.2l26.3-69.4h12L75.9,500h-9.5L58.9,479.3z M56,471.3L44.3,439h-1.2l-11.9,32.3
		H56z"/>
	<path class="st2" d="M106.2,430.6h19.3c19.6,0,25.4,6.8,25.4,22.2c0,16.3-7.4,22.6-25.4,22.6h-10.3V500h-9V430.6z M124.7,467.9
		c12.9,0,17-3.4,17-15.1c0-10.6-4.1-14.4-17-14.4h-9.5v29.5H124.7z"/>
	<path class="st2" d="M185.9,430.6h9V500h-9V430.6z"/>
	<path class="st2" d="M231.3,465.3c0-27.9,10.3-35.7,29.9-35.7c19.7,0,29.9,7.8,29.9,35.7c0,28-10.2,35.7-29.9,35.7
		C241.6,501,231.3,493.3,231.3,465.3z M281.8,465.3c0-19.2-3.6-28.1-20.6-28.1c-16.9,0-20.5,8.9-20.5,28.1c0,19.8,3.6,28,20.5,28
		C278.2,493.3,281.8,485.1,281.8,465.3z"/>
	<path class="st2" d="M365,479.3h-30.7l-7.6,20.7h-9.2l26.3-69.4h12L382,500h-9.5L365,479.3z M362.1,471.3L350.4,439h-1.2
		l-11.9,32.3H362.1z"/>
	<path class="st2" d="M462.6,500H451l-24.8-32.6h-4.9V500h-9v-69.4h9v28.9h4.9l24.3-28.9h11.2l-28.4,32.3L462.6,500z"/>
</g>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="174.1335" y1="333.8273" x2="77.9949" y2="167.3103" gradientTransform="matrix(1 0 0 -1 0 500)">
	<stop  offset="0" style="stop-color:#4BD1ED"/>
	<stop  offset="1" style="stop-color:#1CB2FA"/>
</linearGradient>
<path class="st3" d="M113.9,334.7c0,0-31.2,4.7-48.5-9.9s5-45.7,5-45.7l77.8-127.9l50.7,39.3L113.9,334.7z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="322.5638" y1="127.5357" x2="270.227" y2="36.8855" gradientTransform="matrix(-0.4912 -0.871 -0.871 0.4912 554.6752 582.3317)">
	<stop  offset="0.2032" style="stop-color:#32DCDA"/>
	<stop  offset="1" style="stop-color:#1CB2FA"/>
</linearGradient>
<path class="st4" d="M371.8,334.6c0,0,15.5,18,11.2,40.2s-38.1,19.6-38.1,19.6l-66.1,0.3l37.6-61.1L371.8,334.6z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="258.6721" y1="432.2707" x2="135.7918" y2="219.4356" gradientTransform="matrix(-0.4816 0.8764 0.8764 0.4816 131.7872 -136.443)">
	<stop  offset="0" style="stop-color:#3AD8E0"/>
	<stop  offset="1" style="stop-color:#1CB2FA"/>
</linearGradient>
<path class="st5" d="M243.5,115.1c0,0,10.4-18.9,19.5-28.5c7.5-8,16-6.7,21.7-2.7c10.8,7.3,20,21.8,20,21.8l107,177.2L356,307.3
	L243.5,115.1z"/>
</svg>

設計應用建議

  • 保持原生 24:25 寬高比(viewBox "0 0 480 500")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成