Appwrite
Dev & Tools
Supabase
Official Supabase vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.
Brand Color Palette
Click swatch to copy HEXDownload
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep ResearchCode 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices SupportedCode 6666888 · 5% OFF
- Vector Format
- SVG · 0.96:1
- Raster Export
- 1024 × 1024 px
- SVG viewBox
- 0 0 109 113
- File Size / Nodes
- 1.1 KB · 3 paths
- Official Site
- https://supabase.com/
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 setSupabase.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Supabase
- Industry Category
- Dev & Tools
- Primary Color (HEX / RGB / HSL)
- #3ECF8Ergb(62, 207, 142) · hsl(153, 60%, 53%)
- WCAG Surface Contrast
- Light 2:1 · Dark 9.9:1
Inline SVG Code Snippet
<svg viewBox="0 0 109 113" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#paint0_linear)"/>
<path d="M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z" fill="url(#paint1_linear)" fill-opacity="0.2"/>
<path d="M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z" fill="#3ECF8E"/>
<defs>
<linearGradient id="paint0_linear" x1="53.9738" y1="54.974" x2="94.1635" y2="71.8295" gradientUnits="userSpaceOnUse">
<stop stop-color="#249361"/>
<stop offset="1" stop-color="#3ECF8E"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="36.1558" y1="30.578" x2="54.4844" y2="65.0806" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Engineering & Layout Guidelines
- Maintain the native 0.96:1 aspect ratio (viewBox "0 0 109 113") without non-uniform stretching.
- Preserve at least 20% clear space around the emblem bounding box.
- Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.
