Google Drive logo
Google Drive provides cloud storage and file synchronization, enabling developers to share code, assets, and documentation across teams and devices. The Google Drive logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.
- Brand color
- #4285f4
- Categories
- Productivity
- Variants
- 3 SVG files
- Website
- google.com
- Source
- gilbarbara/logos · CC0
Use the Google Drive logo
shadcn CLI
npx shadcn@latest add @logoforge/google-driveWorks out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.
React
import { GoogleDriveLogo } from "@/components/logos/google-drive";
<GoogleDriveLogo className="size-8" />
<GoogleDriveLogo variant="mono" /> {/* currentColor */}icon.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 256 238"><title>Google Drive</title><defs><linearGradient id="google-drive-c" x1="86.924%" x2="7.63%" y1="94.294%" y2="45.952%"><stop offset="9%" stop-color="#ffe921"/><stop offset="100%" stop-color="#fec700"/></linearGradient><linearGradient id="google-drive-d" x1="99.538%" x2="23.437%" y1="93.901%" y2="54.033%"><stop offset="15%" stop-color="#a9a8ff"/><stop offset="33%" stop-color="#6d97ff"/><stop offset="48%" stop-color="#3186ff"/></linearGradient><linearGradient id="google-drive-e" x1="87.128%" x2="-.639%" y1="51.518%" y2="93.078%"><stop offset="55%" stop-color="#0ebc5f"/><stop offset="85%" stop-color="#78c9ff"/></linearGradient><path id="google-drive-a" d="M77.303 29.27c22.531-39.026 78.863-39.027 101.394 0l69.373 120.158c22.531 39.027-5.633 87.81-50.698 87.81H58.628c-45.065 0-73.23-48.783-50.698-87.81z"/></defs><mask id="google-drive-b" fill="#fff"><use xlink:href="#google-drive-a"/></mask><g mask="url(#google-drive-b)"><path fill="url(#google-drive-c)" d="M341.72 295.937H200.165l-29.293-50.735 70.777-122.59z" transform="translate(-42.87 -58.67)"/><path fill="url(#google-drive-d)" d="M0 295.916 100.07 122.59v.003l-29.283 50.723h58.57l70.783 122.596-200.138.001z" transform="translate(-42.87 -58.67)"/><path fill="url(#google-drive-e)" d="m170.881 0 70.781 122.6-29.286 50.726H70.812z" transform="translate(-42.87 -58.67)"/></g></svg>Download
Related logos
Google Drive and the Google Drive logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Google Drive; 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.