Skip to content

Ably Realtime

Official Ably Realtime vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

Ably Realtime Logo

Brand Color Palette

Click swatch to copy HEX

Download

ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 64 64
File Size / Nodes
1.9 KB · 2 paths

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setAbly Realtime.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Ably Realtime
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
WCAG Surface Contrast
Light 5.7:1 · Dark 3.5:1

Inline SVG Code Snippet

<?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>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 64 64") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.
View All in Category
Action completed