本文へスキップ
LogoHub
ツールAbly

Ably Realtime

Ably Realtimeの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Ably Realtime Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロードロゴタイプ付き版をダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 64 64
ファイルサイズ
1.9 KB · 2 パス
公式サイト
https://www.ably.io/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAbly Realtime.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Ably Realtime
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG コントラストとファイルサイズ
白背景 5.7:1 · 黒背景 3.5:1 · 1.9 KB

SVG コード

<?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% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました