May 22, 2026theSVG Team

Google 2026 Icons Are Live: 13 New Gradient Logos in SVG

releasegooglelaunch

Google's 2026 product icon refresh is rolling out, and the new gradient marks for Gmail, Drive, Calendar, Meet and the rest of the Workspace family are now available on thesvg as free SVG downloads. Thirteen icons, every one of them taken straight from Google's public gstatic CDN, indexed and ready to drop into your React app, Figma file, or design doc.

If you have been searching for the Gmail 2026 logo SVG, the Google Drive 2026 logo, or the broader Google gradient refresh icons in vector form, this is the collection. Browse the full set at thesvg.org/category/google-2026.

What changed in the Google 2026 refresh

Google quietly staged the new icons to its production CDN on May 18, 2026, ahead of a broader announcement. Coverage from 9to5Google, Android Central, and Droid-Life confirmed the rollout. The visual language is a clear departure from the flat, single-color marks Google has used since the 2020 Workspace rebrand.

The 2026 set leans into multi-stop gradients mapped to each product's identity:

Gmail moves from the flat red M to a pink, orange, and amber gradient envelope
Drive keeps the triangle silhouette but blends blue, teal, and green
Calendar pairs warm amber with a cooler blue stroke
Meet drops the camera bezel for a softer, more organic shape
Docs, Sheets, Slides, Forms all carry refreshed gradient page marks in their respective signature colors

The refresh is the first time in five years that Workspace icons share a unified visual system rather than each living in their own color silo. For brand and design teams shipping integrations, comparison pages, or status dashboards, the inconsistency between old flat marks and the new gradient set will be visible.

The 13 Google 2026 icons available now

Every icon below is hosted on thesvg with the original SVG paths preserved, gradient defs intact. Click any thumbnail to open the icon detail page with copy buttons for SVG, JSX, Vue, CDN, and Data URI.

Direct links to each icon page:

How to use the Google 2026 icons

Every icon ships in the formats you already use. Three common paths.

HTML via CDN. Drop the jsDelivr URL into any image tag, no install required:

<img
  src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/gmail-2026/default.svg"
  alt="Gmail"
  width="48"
  height="48"
/>

React. Copy the SVG from the icon detail page, paste as a component, or fetch from CDN:

export function GmailIcon({ size = 48 }: { size?: number }) {
  return (
    <img
      src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/gmail-2026/default.svg"
      alt="Gmail"
      width={size}
      height={size}
    />
  );
}

CLI. Pull the SVG straight into your project with the thesvg CLI:

npx @thesvg/cli add gmail-2026
npx @thesvg/cli add google-drive-2026
npx @thesvg/cli add google-calendar-2026

The icon detail pages at /icon/gmail-2026 and the rest expose copy buttons for SVG, JSX, Vue, Data URI, and PNG export at 32 through 512 pixels.

Trademark notice

The Google 2026 product marks are Google trademarks. theSVG hosts them under the Trademark license tag for identification, editorial, and reference use, the same way press, documentation, and integration directories have always used product logos.

Do not modify the marks, do not use them in a way that implies endorsement or partnership, and do not use them to brand a competing product. When in doubt, follow Google's own brand guidance at about.google/brand-resource-center. This applies to all official trademarked brand icons across thesvg, not just the Google set.

What is not in this batch

Google has not yet pushed the 2026 gradient treatment to several large products. The following are not in this release because Google has not shipped them publicly yet:

Google Maps
Google Photos
Gemini
YouTube
Chrome
Google Classroom
Google Translate
Google Pay
Android

We will add each of these to /category/google-2026 as Google rolls them out. The older flat marks remain available on their existing pages so existing integrations keep working.

Why thesvg got these first

Most OSS icon libraries pull from a known set of source repos. As of May 22, 2026, none of the major libraries have ingested the 2026 Google refresh. We index from the public CDNs the brands themselves serve, which means new marks land here as soon as the brand owner makes them public, not weeks or months later when an upstream catalog updates.

If you build status pages, integration grids, comparison tables, or marketing pages that lean on current brand visuals, this matters. Out of date logos are one of the fastest ways to make a product page feel stale.

Grab the collection

Visit thesvg.org/category/google-2026 for the full grid. Filter, preview, copy, ship.

If Google pushes more 2026 marks before we notice them, open an issue on GitHub or submit them at thesvg.org/submit. Every brand deserves a place.

All posts

X LinkedIn Reddit HN

Back to blog