Official Logo And Icon Assets¶
The documentation uses first-party assets where practical. Keep these files unchanged, and use them only to identify the referenced products and platforms.
Local Inventory¶
File |
Source |
Notes |
|---|---|---|
|
|
Oracle-hosted SVG. Oracle logo use is governed by Oracle’s third-party logo guidelines. |
|
|
Google Cloud wordmark from the official Google Cloud site assets. Use on light backgrounds. |
|
Derived from |
Dark-background reverse lockup: identical colored mark with the wordmark set to white, following Google’s reverse-logo guideline. Pair with the full-color asset for theme swapping. |
|
|
Official Google Cloud product icon. |
|
|
Official Google Cloud product icon. |
|
|
Official Google Cloud product icon. |
|
|
Official Google Cloud product icon. |
|
|
Official Google Cloud category icon. |
|
|
Official Google Cloud category icon. |
|
|
Official Google Cloud category icon. |
|
|
Official Google Cloud category icon. |
|
|
Official Litestar standalone badge SVG from the Litestar branding repository; repository is MIT licensed. |
|
|
Official Antigravity site asset. |
|
|
First-party Google APIs repository asset; repository is Apache-2.0 licensed. |
Source References¶
Light And Dark Usage¶
Most marks here read on both the light (default) and dark (slate) doc
themes: the full-color product and category icons, the Oracle red wordmark, the
Litestar badge, the Antigravity gradient mark, and the MCP Toolbox lockup (its
white outline keeps it legible on dark).
The one mark that needs a theme-specific variant is the Google Cloud
wordmark — its near-black #212226 “Cloud” text disappears on the dark
slate background. Show the full-color asset on light and the reverse lockup on
dark, swapped by the active color scheme:
<img class="logo-light" src="_static/logos/google-cloud-logo-fullcolor.svg" alt="Google Cloud">
<img class="logo-dark" src="_static/logos/google-cloud-logo-reverse.svg" alt="Google Cloud">
.logo-dark { display: none; }
[data-md-color-scheme="slate"] .logo-light { display: none; }
[data-md-color-scheme="slate"] .logo-dark { display: inline; }
The theme sets data-md-color-scheme on <body> (default for light, slate
for dark), so this same pattern covers any future logo that needs a
dark-background variant.
Usage Notes¶
Do not crop, distort, or combine vendor logos into new marks; use only brand-sanctioned variants (such as Google’s full-color and reverse lockups) when adapting to light or dark backgrounds.
Prefer generic Sphinx icon roles for UI decoration.
Use product logos only where the surrounding text clearly identifies the corresponding technology.
Keep source links current when refreshing assets.