google icon

google from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.

Name
google
Set
Material Design Icons
Style
Filled
Category
Brand / Logo
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

google-fillAkar IconsgoogleBootstrap IconsgoogleBoxicons BrandsgoogleDevicongoogle-fillEva IconsgoogleFont Awesome 6 Brandsgooglecss.gggoogleHuge IconsgoogleIconoirgoogleJam IconsgoogleLine AwesomegoogleSVG LogosgoogleMage Iconsgoogle-fillMingCute IcongooglePixelarticonsgoogle-fillRemix IcongoogleSimple Iconsgoogle-outlineTeenyiconsgoogleUniconsgoogleUnicons Monochrome

More brand / logo icons from Material Design Icons

androidandroid-studioangularangularjsansibleapache-kafkaappleapple-finderapple-icloudapple-iosapple-safariarchartstationatlassianawsbabelbitbucketblack-mesablender-softwarebootstrapboxbulmacentoscodepen

Use the google icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.35 11.1h-9.17v2.73h6.51c-.33 3.81-3.5 5.44-6.5 5.44C8.36 19.27 5 16.25 5 12c0-4.1 3.2-7.27 7.2-7.27c3.09 0 4.9 1.97 4.9 1.97L19 4.72S16.56 2 12.1 2C6.42 2 2.03 6.8 2.03 12c0 5.05 4.13 10 10.22 10c5.35 0 9.25-3.67 9.25-9.09c0-1.15-.15-1.81-.15-1.81"/></svg>

React

import type { SVGProps } from "react";

export function MdiGoogle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.35 11.1h-9.17v2.73h6.51c-.33 3.81-3.5 5.44-6.5 5.44C8.36 19.27 5 16.25 5 12c0-4.1 3.2-7.27 7.2-7.27c3.09 0 4.9 1.97 4.9 1.97L19 4.72S16.56 2 12.1 2C6.42 2 2.03 6.8 2.03 12c0 5.05 4.13 10 10.22 10c5.35 0 9.25-3.67 9.25-9.09c0-1.15-.15-1.81-.15-1.81"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.35 11.1h-9.17v2.73h6.51c-.33 3.81-3.5 5.44-6.5 5.44C8.36 19.27 5 16.25 5 12c0-4.1 3.2-7.27 7.2-7.27c3.09 0 4.9 1.97 4.9 1.97L19 4.72S16.56 2 12.1 2C6.42 2 2.03 6.8 2.03 12c0 5.05 4.13 10 10.22 10c5.35 0 9.25-3.67 9.25-9.09c0-1.15-.15-1.81-.15-1.81"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.35%2011.1h-9.17v2.73h6.51c-.33%203.81-3.5%205.44-6.5%205.44C8.36%2019.27%205%2016.25%205%2012c0-4.1%203.2-7.27%207.2-7.27c3.09%200%204.9%201.97%204.9%201.97L19%204.72S16.56%202%2012.1%202C6.42%202%202.03%206.8%202.03%2012c0%205.05%204.13%2010%2010.22%2010c5.35%200%209.25-3.67%209.25-9.09c0-1.15-.15-1.81-.15-1.81%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.35%2011.1h-9.17v2.73h6.51c-.33%203.81-3.5%205.44-6.5%205.44C8.36%2019.27%205%2016.25%205%2012c0-4.1%203.2-7.27%207.2-7.27c3.09%200%204.9%201.97%204.9%201.97L19%204.72S16.56%202%2012.1%202C6.42%202%202.03%206.8%202.03%2012c0%205.05%204.13%2010%2010.22%2010c5.35%200%209.25-3.67%209.25-9.09c0-1.15-.15-1.81-.15-1.81%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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