Google 致力于为黑人社区推动种族平等。查看具体举措

呈现 Firebase 品牌

Built with Firebase

每当在其他应用中提到 Firebase 时,务请使用短语"Built with Firebase"。该短语可包含在博文、新闻访谈和应用本身中。

Built with Firebase 浅色徽标


Built with Firebase 深色徽标


Built with Firebase 高对比度镂空徽标



请勿在您的应用、产品、服务或网站的整体名称中使用 Firebase 标志或 Firebase 标志的变体形式。请勿以可能会造成混淆或误导的方式更改或使用 Firebase 标志;严禁将 Firebase 品牌元素作为最显眼的元素呈现在您的网页上。


The standard lockup can be used in slide decks and blog posts. It should never be used in-product or in a way that implies that Firebase is endorsing or has built the product. <br><br> Whenever possible, the logo should be represented as a horizontal lockup with a full color logomark and black 54% or solid white logotype.

Firebase 竖直完整标识徽标

当横向空间有限时,可以使用竖直完整标识,其中图标为全彩色,字标为黑色(透明度 54%)或者纯白色。

Firebase 图标


Firebase 镂空徽标



Firebase 中的每个产品都有自己的图标。此图标可以与 Firebase 徽标搭配使用,以形成产品完整标识。

Realtime Database 的产品图标徽标

Each product has an icon that is presented on an orange or yellow circle, depending on the icon. These icons should be used against a dark or neutral background. Use these when Firebase is already clear in the context (e.g. a presentation about Firebase).

Realtime Database 的产品完整标识徽标

The icon can be combined with the Firebase logo to create a product lockup. <br><br>Do not use multiple product lockups together. There shouldn't be more than one Firebase logo in one place.


Firebase 黄色


Amber 400

Firebase 琥珀色


Amber 700

Firebase 橙色


Orange 700


Firebase 蓝色


Light Blue 600

Firebase 深蓝色


Firebase 珊瑚色


Deep Orange 300

Firebase 灰色


Blue Grey 50

Firebase 还提供了用于背景颜色和其他视觉元素的辅助颜色。


Firebase 徽标示例,高度至少为正常徽标的两倍

To ensure legibility, the logo should not be used with a height smaller than 24px.<br><br> For lockups, provide at least x-height x2 white space around the logo. Never crowd or overlap the logo with other elements.

高度为 24 像素的 Firebase 徽标



<span class="brand-guidelines__donot">Do not...</span> <ul> <li><p>Alter or distort the logo in any way</p></li> <li><p>Use the flat knockout in any color but white</p></li> <li><p>Alter color, shape, or angles</p></li> <li><p>Rotate or flip in any direction</p></li> <li><p>Alter proportions, positioning, or placement</p></li> <li><p>Replace the logotype with a different typeface</p></li> <li><p>Use the old Firebase logo</p></li> <li><p>Use the logo on a poorly contrasting background</p></li> <li><p>Use the logo on an off-brand background</p></li> <li><p>Overlap or crowd the logo with other elements</p></li> <li><p>Redraw the logo</p></li> <li><p>Use other Google branding in conjunction with your product</p></li> </ul> For guidelines on how to use other Google brands, see the <a href="" target="_blank" rel="noopener noreferrer">Brand Permissions site</a>.