Logoforge
Back

Gmail logo

Gmail offers email hosting with robust APIs, allowing developers to programmatically send, receive, and organize messages within applications. The Gmail logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Gmail logo
Brand color
#ea4335
Categories
Productivity
Variants
2 SVG files
Website
gmail.com
Source
gilbarbara/logos · CC0
Sponsor

Use the Gmail logo

shadcn CLI
npx shadcn@latest add @logoforge/google-gmail

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { GoogleGmailLogo } from "@/components/logos/google-gmail";

<GoogleGmailLogo className="size-8" />
<GoogleGmailLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 204"><title>Gmail</title><defs><linearGradient id="google-gmail-a" x1="165" x2="165" y1="44" y2="166" gradientUnits="userSpaceOnUse"><stop stop-color="#60d673"/><stop offset=".17" stop-color="#42c868"/><stop offset=".39" stop-color="#0ebc5f"/><stop offset=".62" stop-color="#00a9bb"/><stop offset=".86" stop-color="#3c90ff"/><stop offset="1" stop-color="#3186ff"/></linearGradient><linearGradient id="google-gmail-b" x1="8" x2="184" y1="46.13" y2="46.13" gradientUnits="userSpaceOnUse"><stop offset=".08" stop-color="#ff63a0"/><stop offset=".3" stop-color="#fc413d"/><stop offset=".5" stop-color="#fc413d"/><stop offset=".65" stop-color="#fc413d"/><stop offset=".72" stop-color="#fc5c30"/><stop offset=".86" stop-color="#feb10c"/><stop offset=".91" stop-color="#fec700"/><stop offset=".96" stop-color="#ffdb0f"/></linearGradient></defs><path fill="url(#google-gmail-a)" d="M146 44h38v110c0 6.627-5.373 12-12 12h-20a6 6 0 0 1-6-6z" transform="translate(-11.636 -37.818)scale(1.45454)"/><path fill="#fc413d" d="M55.273 26.182H0v160c0 9.639 7.816 17.454 17.455 17.454h29.09a8.727 8.727 0 0 0 8.728-8.727z"/><path fill="url(#google-gmail-b)" d="M39.226 30.456c-8.033-6.752-20.018-5.714-26.77 2.319-6.752 8.032-5.714 20.017 2.319 26.77l76.078 63.949a8 8 0 0 0 10.295 0l76.078-63.95c8.032-6.752 9.07-18.737 2.318-26.77-6.752-8.032-18.737-9.07-26.769-2.318L96 78.18z" transform="translate(-11.636 -37.818)scale(1.45454)"/></svg>

Download

Related logos

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