google logo

google from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
google
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

google-wordmark

The same logo in other sets

google-fillAkar Iconsgoogle-outlinedAnt Design IconsgoogleBootstrap IconsgoogleBoxicons BrandsgoogleCoreUI Brandsgoogle-fillEva IconsgoogleFont Awesome 6 BrandsgoogleFont Awesome Brandsgoogle-solidFlowbite Iconsgooglecss.gggoogleHuge IconsgoogleIconParkgoogleIconPark OutlinegoogleIconPark SolidgoogleIconPark TwoTonegoogleIconoirgoogleJam IconsgoogleLine AwesomegoogleSVG LogosgoogleMage IconsgoogleMaterial Icon ThemegoogleMaterial Design Iconsgoogle-fillMingCute IcongoogleMyna UI Icons

Use the google logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38"/><path fill="#e33629" d="M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21"/><path fill="#f8bd00" d="M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9"/><path fill="#587dbd" d="M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68"/><path fill="#319f43" d="M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4"/></svg>

React

import type { SVGProps } from "react";

export function DeviconGoogle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38"/><path fill="#e33629" d="M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21"/><path fill="#f8bd00" d="M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9"/><path fill="#587dbd" d="M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68"/><path fill="#319f43" d="M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38"/><path fill="#e33629" d="M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21"/><path fill="#f8bd00" d="M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9"/><path fill="#587dbd" d="M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68"/><path fill="#319f43" d="M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4"/></svg>
</template>

CSS

.icon-google {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.59%204.21a63.28%2063.28%200%200%200%204.33%20120.9a67.6%2067.6%200%200%200%2032.36.35a57.13%2057.13%200%200%200%2025.9-13.46a57.44%2057.44%200%200%200%2016-26.26a74.3%2074.3%200%200%200%201.61-33.58H65.27v24.69h34.47a29.72%2029.72%200%200%201-12.66%2019.52a36.2%2036.2%200%200%201-13.93%205.5a41.3%2041.3%200%200%201-15.1%200A37.2%2037.2%200%200%201%2044%2095.74a39.3%2039.3%200%200%201-14.5-19.42a38.3%2038.3%200%200%201%200-24.63a39.25%2039.25%200%200%201%209.18-14.91A37.17%2037.17%200%200%201%2076.13%2027a34.3%2034.3%200%200%201%2013.64%208q5.83-5.8%2011.64-11.63c2-2.09%204.18-4.08%206.15-6.22A61.2%2061.2%200%200%200%2087.2%204.59a64%2064%200%200%200-42.61-.38%22%2F%3E%3Cpath%20fill%3D%22%23e33629%22%20d%3D%22M44.59%204.21a64%2064%200%200%201%2042.61.37a61.2%2061.2%200%200%201%2020.35%2012.62c-2%202.14-4.11%204.14-6.15%206.22Q95.58%2029.23%2089.77%2035a34.3%2034.3%200%200%200-13.64-8a37.17%2037.17%200%200%200-37.46%209.74a39.25%2039.25%200%200%200-9.18%2014.91L8.76%2035.6A63.53%2063.53%200%200%201%2044.59%204.21%22%2F%3E%3Cpath%20fill%3D%22%23f8bd00%22%20d%3D%22M3.26%2051.5a63%2063%200%200%201%205.5-15.9l20.73%2016.09a38.3%2038.3%200%200%200%200%2024.63q-10.36%208-20.73%2016.08a63.33%2063.33%200%200%201-5.5-40.9%22%2F%3E%3Cpath%20fill%3D%22%23587dbd%22%20d%3D%22M65.27%2052.15h59.52a74.3%2074.3%200%200%201-1.61%2033.58a57.44%2057.44%200%200%201-16%2026.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72%2029.72%200%200%200%2012.66-19.54H65.27c-.01-8.22%200-16.45%200-24.68%22%2F%3E%3Cpath%20fill%3D%22%23319f43%22%20d%3D%22M8.75%2092.4q10.37-8%2020.73-16.08A39.3%2039.3%200%200%200%2044%2095.74a37.2%2037.2%200%200%200%2014.08%206.08a41.3%2041.3%200%200%200%2015.1%200a36.2%2036.2%200%200%200%2013.93-5.5c6.69%205.22%2013.41%2010.4%2020.1%2015.62a57.13%2057.13%200%200%201-25.9%2013.47a67.6%2067.6%200%200%201-32.36-.35a63%2063%200%200%201-23-11.59A63.7%2063.7%200%200%201%208.75%2092.4%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.59%204.21a63.28%2063.28%200%200%200%204.33%20120.9a67.6%2067.6%200%200%200%2032.36.35a57.13%2057.13%200%200%200%2025.9-13.46a57.44%2057.44%200%200%200%2016-26.26a74.3%2074.3%200%200%200%201.61-33.58H65.27v24.69h34.47a29.72%2029.72%200%200%201-12.66%2019.52a36.2%2036.2%200%200%201-13.93%205.5a41.3%2041.3%200%200%201-15.1%200A37.2%2037.2%200%200%201%2044%2095.74a39.3%2039.3%200%200%201-14.5-19.42a38.3%2038.3%200%200%201%200-24.63a39.25%2039.25%200%200%201%209.18-14.91A37.17%2037.17%200%200%201%2076.13%2027a34.3%2034.3%200%200%201%2013.64%208q5.83-5.8%2011.64-11.63c2-2.09%204.18-4.08%206.15-6.22A61.2%2061.2%200%200%200%2087.2%204.59a64%2064%200%200%200-42.61-.38%22%2F%3E%3Cpath%20fill%3D%22%23e33629%22%20d%3D%22M44.59%204.21a64%2064%200%200%201%2042.61.37a61.2%2061.2%200%200%201%2020.35%2012.62c-2%202.14-4.11%204.14-6.15%206.22Q95.58%2029.23%2089.77%2035a34.3%2034.3%200%200%200-13.64-8a37.17%2037.17%200%200%200-37.46%209.74a39.25%2039.25%200%200%200-9.18%2014.91L8.76%2035.6A63.53%2063.53%200%200%201%2044.59%204.21%22%2F%3E%3Cpath%20fill%3D%22%23f8bd00%22%20d%3D%22M3.26%2051.5a63%2063%200%200%201%205.5-15.9l20.73%2016.09a38.3%2038.3%200%200%200%200%2024.63q-10.36%208-20.73%2016.08a63.33%2063.33%200%200%201-5.5-40.9%22%2F%3E%3Cpath%20fill%3D%22%23587dbd%22%20d%3D%22M65.27%2052.15h59.52a74.3%2074.3%200%200%201-1.61%2033.58a57.44%2057.44%200%200%201-16%2026.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72%2029.72%200%200%200%2012.66-19.54H65.27c-.01-8.22%200-16.45%200-24.68%22%2F%3E%3Cpath%20fill%3D%22%23319f43%22%20d%3D%22M8.75%2092.4q10.37-8%2020.73-16.08A39.3%2039.3%200%200%200%2044%2095.74a37.2%2037.2%200%200%200%2014.08%206.08a41.3%2041.3%200%200%200%2015.1%200a36.2%2036.2%200%200%200%2013.93-5.5c6.69%205.22%2013.41%2010.4%2020.1%2015.62a57.13%2057.13%200%200%201-25.9%2013.47a67.6%2067.6%200%200%201-32.36-.35a63%2063%200%200%201-23-11.59A63.7%2063.7%200%200%201%208.75%2092.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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