Skip to content

Clair

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

Clair 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 · 2.91:1
Raster Export
1024 × 1024 px
SVG viewBox
-7.45 -7.20 374.40 128.65
File Size / Nodes
1.9 KB · 4 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 setClair.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Clair
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#56A3D9rgb(86, 163, 217) · hsl(205, 63%, 59%)
WCAG Surface Contrast
Light 2.7:1 · Dark 7.2:1

Inline SVG Code Snippet

<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-7.45 -7.20 374.40 128.65"><title>Clair logo</title><style>.st0{fill:#56a3d9}.st1{fill:#f1626e}</style><style>.st0{fill:#56a3d9}</style><style>.st0{fill:#56a3d9}</style><style>.st0{fill:#56a3d9}</style><style>.st0{fill:#56a3d9}</style><style>.st0{fill:#56a3d9}</style><path d="M167 30.3c9.1 0 15.4 3.8 20.1 8.2l-5.8 7.5c-4.1-3.5-8.4-6.1-13.9-6.1-12.5 0-21.5 10.8-21.5 26.6 0 15.7 8.6 26.3 21.2 26.3 6.5 0 12-3.3 16.1-6.9l5.2 7.6c-6.2 5.5-14.2 8.9-22.4 8.9-18.3 0-32.3-13.2-32.3-36 .2-22.9 15.6-36.1 33.3-36.1zM197.6 0h11.6v87.8c0 3.7 1.6 5.1 3.3 5.1.7 0 1.3 0 2.5-.3l1.6 8.8c-1.6.7-3.5 1.1-6.7 1.1-8.8 0-12.3-5.5-12.3-15.6V0zm69 57.2c0-8.8-3-17.3-14.2-17.3-8.1 0-15.1 3.7-20.5 7.4l-4.7-8.1c6.4-4.1 16-8.9 27-8.9 16.8 0 23.9 11.2 23.9 28.3v42.2h-9.6l-1-8.2h-.3c-6.7 5.4-14.3 9.9-22.8 9.9-11.6 0-20.2-7.2-20.2-19.5.1-15.1 13.1-22.6 42.4-25.8zm-18.8 35.9c6.7 0 12.2-3.3 18.8-9.2V64.8c-23.1 2.8-30.9 8.5-30.9 17.3.1 7.8 5.3 11 12.1 11zm44.4-82.8c0-4.5 3.5-7.5 8.1-7.5 4.5 0 8.1 3 8.1 7.5 0 4.4-3.5 7.5-8.1 7.5-4.5 0-8.1-3.1-8.1-7.5zm2.2 21.7H306v68.8h-11.6V32zm27.7 0h9.6l1 12.5h.4c4.7-8.6 11.7-14.2 19.5-14.2 3 0 5.1.4 7.4 1.4l-2.3 10.2c-2.3-.7-3.8-1.1-6.7-1.1-5.8 0-12.7 4.2-17.4 15.9v44.2H322V32z"/><g><path d="M52.4 11.1C23.9 10.7.4 33.5 0 62c-.4 28.5 22.4 52 51 52.4h42.9c6.3 0 9.6-3.2 9.6-9.1V63.1c.1-28.3-22.6-51.6-51.1-52zM51 102.4c-21.8-.3-39.2-18.2-38.9-40 .3-21.8 18.2-39.2 40-38.9 21.8.3 39.2 18.2 38.9 40-.3 21.8-18.2 39.2-40 38.9z" class="st0"/><path d="M37.7 56.3c1.3-2.8 3.5-5.2 6.4-6.8 2.8-1.5 5.9-2.1 8.8-1.8l4.2-15.4c-6.8-1.2-14.1-.3-20.6 3.4-6.8 3.8-11.6 9.7-14.1 16.4l15.3 4.2zm7.2 20.6c-2.8-1.3-5.3-3.5-6.9-6.4-1.5-2.8-2.1-5.9-1.8-8.8l-15.4-4.2c-1.3 6.8-.3 14.1 3.4 20.7 3.8 6.7 9.8 11.5 16.5 14l4.2-15.3z" class="st0"/><path fill="#f1626e" d="M65.4 69.6c-1.3 2.8-3.5 5.3-6.4 6.9-2.8 1.5-5.8 2.1-8.7 1.8L46 93.7c6.8 1.2 14.1.2 20.6-3.4 6.8-3.8 11.6-9.7 14.1-16.5l-15.3-4.2z"/></g></svg>

Engineering & Layout Guidelines

  • Maintain the native 2.91:1 aspect ratio (viewBox "-7.45 -7.20 374.40 128.65") 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