google plus g logo

google-plus-g from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: google-plus-g
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

google-plus-gFont Awesome 6 Brands google-plus-gLine Awesome

Related icons in Font Awesome Brands

google-drive google-pay google-play google-plus google-plus-square google-scholar google-wallet

Use the google plus g logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386.3 292.5c1.8 9.7 3.1 19.4 3.1 32C389.4 434.3 315.8 512 205 512C98.9 512 13 426.1 13 320s85.9-192 192-192c51.9 0 95.1 18.9 128.6 50.3l-52.1 50c-14.1-13.6-39-29.6-76.5-29.6c-65.5 0-118.9 54.2-118.9 121.3S139.5 441.3 205 441.3c76 0 104.5-54.7 109-82.8H205v-66zm185.4 6.4v-55.7h-56v55.7H460v56h55.7v55.7h56v-55.7h55.7v-56z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsGooglePlusG(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386.3 292.5c1.8 9.7 3.1 19.4 3.1 32C389.4 434.3 315.8 512 205 512C98.9 512 13 426.1 13 320s85.9-192 192-192c51.9 0 95.1 18.9 128.6 50.3l-52.1 50c-14.1-13.6-39-29.6-76.5-29.6c-65.5 0-118.9 54.2-118.9 121.3S139.5 441.3 205 441.3c76 0 104.5-54.7 109-82.8H205v-66zm185.4 6.4v-55.7h-56v55.7H460v56h55.7v55.7h56v-55.7h55.7v-56z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386.3 292.5c1.8 9.7 3.1 19.4 3.1 32C389.4 434.3 315.8 512 205 512C98.9 512 13 426.1 13 320s85.9-192 192-192c51.9 0 95.1 18.9 128.6 50.3l-52.1 50c-14.1-13.6-39-29.6-76.5-29.6c-65.5 0-118.9 54.2-118.9 121.3S139.5 441.3 205 441.3c76 0 104.5-54.7 109-82.8H205v-66zm185.4 6.4v-55.7h-56v55.7H460v56h55.7v55.7h56v-55.7h55.7v-56z"/></svg>
</template>

CSS

.icon-google-plus-g {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M386.3%20292.5c1.8%209.7%203.1%2019.4%203.1%2032C389.4%20434.3%20315.8%20512%20205%20512C98.9%20512%2013%20426.1%2013%20320s85.9-192%20192-192c51.9%200%2095.1%2018.9%20128.6%2050.3l-52.1%2050c-14.1-13.6-39-29.6-76.5-29.6c-65.5%200-118.9%2054.2-118.9%20121.3S139.5%20441.3%20205%20441.3c76%200%20104.5-54.7%20109-82.8H205v-66zm185.4%206.4v-55.7h-56v55.7H460v56h55.7v55.7h56v-55.7h55.7v-56z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M386.3%20292.5c1.8%209.7%203.1%2019.4%203.1%2032C389.4%20434.3%20315.8%20512%20205%20512C98.9%20512%2013%20426.1%2013%20320s85.9-192%20192-192c51.9%200%2095.1%2018.9%20128.6%2050.3l-52.1%2050c-14.1-13.6-39-29.6-76.5-29.6c-65.5%200-118.9%2054.2-118.9%20121.3S139.5%20441.3%20205%20441.3c76%200%20104.5-54.7%20109-82.8H205v-66zm185.4%206.4v-55.7h-56v55.7H460v56h55.7v55.7h56v-55.7h55.7v-56z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/google-plus-g.svg?color=%231a73e8&size=48