Logoforge
Back

Supabase logo

The Supabase logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Supabase logo
Brand color
#3fcf8e
Categories
DatabasesAuth & security
Variants
4 SVG files
Website
supabase.com
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Supabase logo

shadcn CLI
npx shadcn@latest add @logoforge/supabase

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { SupabaseLogo } from "@/components/logos/supabase";

<SupabaseLogo className="size-8" />
<SupabaseLogo variant="mono" />          {/* currentColor */}
<SupabaseLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 263"><title>supabase</title><defs><linearGradient id="supabase-a" x1="20.862%" x2="63.426%" y1="20.687%" y2="44.071%"><stop offset="0%" stop-color="#249361"/><stop offset="100%" stop-color="#3ecf8e"/></linearGradient><linearGradient id="supabase-b" x1="1.991%" x2="21.403%" y1="-13.158%" y2="34.708%"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></linearGradient></defs><path fill="url(#supabase-a)" d="M149.602 258.579c-6.718 8.46-20.338 3.824-20.5-6.977l-2.367-157.984h106.229c19.24 0 29.971 22.223 18.007 37.292z"/><path fill="url(#supabase-b)" fill-opacity=".2" d="M149.602 258.579c-6.718 8.46-20.338 3.824-20.5-6.977l-2.367-157.984h106.229c19.24 0 29.971 22.223 18.007 37.292z"/><path fill="#3ecf8e" d="M106.399 4.37c6.717-8.461 20.338-3.826 20.5 6.976l1.037 157.984H23.037c-19.241 0-29.973-22.223-18.008-37.292z"/></svg>

Download

Related logos

Supabase and the Supabase logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Supabase; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.