google plus g logo

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

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

The same logo in other sets

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

Related icons in Font Awesome 6 Brands

google-drive google-pay google-play google-plus 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 512"><path fill="currentColor" d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599c-65.484 0-118.92 54.221-118.92 121.277s53.436 121.277 118.92 121.277c75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsGooglePlusG(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599c-65.484 0-118.92 54.221-118.92 121.277s53.436 121.277 118.92 121.277c75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599c-65.484 0-118.92 54.221-118.92 121.277s53.436 121.277 118.92 121.277c75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001z"/></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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M386.061%20228.496c1.834%209.692%203.143%2019.384%203.143%2031.956C389.204%20370.205%20315.599%20448%20204.8%20448c-106.084%200-192-85.915-192-192s85.916-192%20192-192c51.864%200%2095.083%2018.859%20128.611%2050.292l-52.126%2050.03c-14.145-13.621-39.028-29.599-76.485-29.599c-65.484%200-118.92%2054.221-118.92%20121.277s53.436%20121.277%20118.92%20121.277c75.961%200%20104.513-54.745%20108.965-82.773H204.8v-66.009h181.261zm185.406%206.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M386.061%20228.496c1.834%209.692%203.143%2019.384%203.143%2031.956C389.204%20370.205%20315.599%20448%20204.8%20448c-106.084%200-192-85.915-192-192s85.916-192%20192-192c51.864%200%2095.083%2018.859%20128.611%2050.292l-52.126%2050.03c-14.145-13.621-39.028-29.599-76.485-29.599c-65.484%200-118.92%2054.221-118.92%20121.277s53.436%20121.277%20118.92%20121.277c75.961%200%20104.513-54.745%20108.965-82.773H204.8v-66.009h181.261zm185.406%206.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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