Firebase logo

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

Brand color: #dd2c00
Categories: Databases Cloud & hosting
Variants: 3 SVG files
Website: firebase.com
Brand guidelines: Read before use
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Firebase logo

shadcn CLI

npx shadcn@latest add @logoforge/firebase

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

React

import { FirebaseLogo } from "@/components/logos/firebase";

<FirebaseLogo className="size-8" />
<FirebaseLogo variant="mono" />          {/* currentColor */}
<FirebaseLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 322"><title>Firebase</title><path fill="#ff9100" d="M80.18 312.295c13.455 5.414 28.05 8.628 43.376 9.163a127.5 127.5 0 0 0 58.098-11.71c-21.145-8.307-40.294-20.455-56.638-35.56-10.594 16.963-26.263 30.36-44.835 38.107"/><path fill="#ffc400" d="M125.013 274.193c-37.307-34.504-59.939-84.444-58.026-139.218.062-1.78.156-3.557.266-5.334a96.63 96.63 0 0 0-50.456.528C6.838 147.614.828 167.63.079 189.069-1.853 244.403 31.632 292.75 80.178 312.3c18.572-7.747 34.24-21.13 44.835-38.107"/><path fill="#ff9100" d="M125.015 274.191c8.674-13.88 13.933-30.154 14.545-47.687 1.61-46.12-29.394-85.794-72.306-96.865-.11 1.777-.203 3.555-.265 5.334-1.913 54.775 20.719 104.714 58.026 139.218"/><path fill="#dd2c00" d="M134.761 0c-24.44 19.58-43.738 45.396-55.414 75.136a180.5 180.5 0 0 0-12.113 54.515c42.912 11.07 73.917 50.745 72.306 96.865-.612 17.532-5.887 33.79-14.545 47.687a180.7 180.7 0 0 0 56.637 35.56c42.441-19.618 72.553-61.833 74.297-111.764 1.129-32.351-11.3-61.184-28.864-85.521C208.517 86.738 134.76 0 134.76 0"/></svg>

Download

Related logos

Firebase and the Firebase logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Firebase; 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.