跳到主要內容

Ably Realtime

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

Ably Realtime Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Ably Realtime
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG 亮暗底對比度與向量體積
白底 5.7:1 · 暗底 3.5:1 · 1.9 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<svg
   version="1.1"
   id="Layer_1"
   x="0"
   y="0"
   viewBox="0 0 64 64"
   width="64"
   height="64"
   xml:space="preserve"
   sodipodi:docname="ablyio-icon.svg"
   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"><defs
   id="defs11" /><sodipodi:namedview
   id="namedview9"
   pagecolor="#ffffff"
   bordercolor="#666666"
   borderopacity="1.0"
   inkscape:pageshadow="2"
   inkscape:pageopacity="0.0"
   inkscape:pagecheckerboard="0"
   showgrid="false"
   inkscape:zoom="12.21875"
   inkscape:cx="31.959079"
   inkscape:cy="31.959079"
   inkscape:window-width="1850"
   inkscape:window-height="1016"
   inkscape:window-x="0"
   inkscape:window-y="0"
   inkscape:window-maximized="1"
   inkscape:current-layer="Layer_1" />
<style
   type="text/css"
   id="style2">
	.st0{fill:#ED760A;}
	.st1{fill:#F9A01B;}
</style>
<g
   id="g6">
	<path
   id="symbol-ring"
   class="st0"
   d="M 27.1,18.6 C 14.6,18.6 4.4,28.8 4.4,41.3 4.4,53.8 14.6,64 27.1,64 39.6,64 49.8,53.8 49.8,41.3 49.8,28.8 39.7,18.6 27.1,18.6 Z m 0,32.8 C 21.5,51.4 17,46.9 17,41.3 c 0,-5.6 4.5,-10.1 10.1,-10.1 5.6,0 10.1,4.5 10.1,10.1 0,5.6 -4.5,10.1 -10.1,10.1 z" />
	<path
   id="symbol-curve"
   class="st1"
   d="M 18.3,16.9 C 18,17 17.7,17 17.4,17.1 c -1,0 -1.9,-0.6 -2.3,-1.5 l -4,-8.7 V 7 C 10.9,6.7 10.8,6.3 10.8,5.9 10.8,4.9 11.4,4.1 12.2,3.6 16.8,1.2 21.9,0 27.1,0 45,0 59.6,14.5 59.6,32.5 59.6,42 55.5,50.6 48.9,56.6 v 0 c -0.1,0.1 -0.1,0.1 -0.2,0.1 -0.2,0 -0.3,-0.1 -0.3,-0.3 0,-0.1 0,-0.2 0.1,-0.2 3,-4.3 4.6,-9.5 4.6,-14.8 0,-14.3 -11.6,-26 -26,-26 -3,-0.1 -6,0.5 -8.8,1.5" />
</g>
</svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成