google logo

google from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
google
Set
SVG Logos
Style
Color
Viewbox
512×168
License
CC0

The same logo in other sets

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

Related icons in SVG Logos

google-2014google-360suitegoogle-admobgoogle-adsgoogle-adsensegoogle-adwordsgoogle-aistudiogoogle-aistudio-darkgoogle-analyticsgoogle-bardgoogle-bard-icongoogle-calendargoogle-calendar-2020google-cloudgoogle-cloud-functionsgoogle-cloud-platformgoogle-cloud-rungoogle-currentsgoogle-data-studiogoogle-developersgoogle-developers-icongoogle-domainsgoogle-domains-icongoogle-drive

Use the google logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 168"><path fill="#ff302f" d="m496.052 102.672l14.204 9.469c-4.61 6.79-15.636 18.44-34.699 18.44c-23.672 0-41.301-18.315-41.301-41.614c0-24.793 17.816-41.613 39.308-41.613c21.616 0 32.206 17.193 35.633 26.475l1.869 4.735l-55.692 23.049c4.236 8.348 10.84 12.584 20.183 12.584c9.345 0 15.823-4.61 20.495-11.525M452.384 87.66l37.19-15.45c-2.056-5.17-8.16-8.845-15.45-8.845c-9.281 0-22.176 8.223-21.74 24.295"/><path fill="#20b15a" d="M407.407 4.931h17.94v121.85h-17.94z"/><path fill="#3686f7" d="M379.125 50.593h17.318V124.6c0 30.711-18.128 43.357-39.558 43.357c-20.183 0-32.33-13.58-36.878-24.606l15.885-6.604c2.865 6.79 9.78 14.827 20.993 14.827c13.767 0 22.24-8.535 22.24-24.482v-5.98h-.623c-4.112 4.983-11.961 9.468-21.928 9.468c-20.807 0-39.87-18.128-39.87-41.488c0-23.486 19.063-41.8 39.87-41.8c9.905 0 17.816 4.423 21.928 9.282h.623zm1.245 38.499c0-14.702-9.78-25.417-22.239-25.417c-12.584 0-23.174 10.715-23.174 25.417c0 14.514 10.59 25.042 23.174 25.042c12.46.063 22.24-10.528 22.24-25.042"/><path fill="#ff302f" d="M218.216 88.78c0 23.984-18.688 41.613-41.613 41.613c-22.924 0-41.613-17.691-41.613-41.613c0-24.108 18.689-41.675 41.613-41.675c22.925 0 41.613 17.567 41.613 41.675m-18.19 0c0-14.95-10.84-25.23-23.423-25.23S153.18 73.83 153.18 88.78c0 14.826 10.84 25.23 23.423 25.23c12.584 0 23.423-10.404 23.423-25.23"/><path fill="#ffba40" d="M309.105 88.967c0 23.984-18.689 41.613-41.613 41.613c-22.925 0-41.613-17.63-41.613-41.613c0-24.108 18.688-41.613 41.613-41.613c22.924 0 41.613 17.443 41.613 41.613m-18.253 0c0-14.95-10.839-25.23-23.423-25.23s-23.423 10.28-23.423 25.23c0 14.826 10.84 25.23 23.423 25.23c12.646 0 23.423-10.466 23.423-25.23"/><path fill="#3686f7" d="M66.59 112.328c-26.102 0-46.534-21.056-46.534-47.158c0-26.101 20.432-47.157 46.534-47.157c14.079 0 24.357 5.544 31.957 12.646l12.522-12.521C100.479 7.984 86.338.258 66.59.258C30.833.259.744 29.414.744 65.17s30.089 64.912 65.846 64.912c19.312 0 33.889-6.354 45.289-18.19c11.711-11.712 15.324-28.158 15.324-41.489c0-4.174-.498-8.472-1.059-11.649H66.59v17.318h42.423c-1.246 10.84-4.672 18.253-9.718 23.298c-6.105 6.168-15.76 12.958-32.705 12.958"/></svg>

React

import type { SVGProps } from "react";

export function LogosGoogle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 168"><path fill="#ff302f" d="m496.052 102.672l14.204 9.469c-4.61 6.79-15.636 18.44-34.699 18.44c-23.672 0-41.301-18.315-41.301-41.614c0-24.793 17.816-41.613 39.308-41.613c21.616 0 32.206 17.193 35.633 26.475l1.869 4.735l-55.692 23.049c4.236 8.348 10.84 12.584 20.183 12.584c9.345 0 15.823-4.61 20.495-11.525M452.384 87.66l37.19-15.45c-2.056-5.17-8.16-8.845-15.45-8.845c-9.281 0-22.176 8.223-21.74 24.295"/><path fill="#20b15a" d="M407.407 4.931h17.94v121.85h-17.94z"/><path fill="#3686f7" d="M379.125 50.593h17.318V124.6c0 30.711-18.128 43.357-39.558 43.357c-20.183 0-32.33-13.58-36.878-24.606l15.885-6.604c2.865 6.79 9.78 14.827 20.993 14.827c13.767 0 22.24-8.535 22.24-24.482v-5.98h-.623c-4.112 4.983-11.961 9.468-21.928 9.468c-20.807 0-39.87-18.128-39.87-41.488c0-23.486 19.063-41.8 39.87-41.8c9.905 0 17.816 4.423 21.928 9.282h.623zm1.245 38.499c0-14.702-9.78-25.417-22.239-25.417c-12.584 0-23.174 10.715-23.174 25.417c0 14.514 10.59 25.042 23.174 25.042c12.46.063 22.24-10.528 22.24-25.042"/><path fill="#ff302f" d="M218.216 88.78c0 23.984-18.688 41.613-41.613 41.613c-22.924 0-41.613-17.691-41.613-41.613c0-24.108 18.689-41.675 41.613-41.675c22.925 0 41.613 17.567 41.613 41.675m-18.19 0c0-14.95-10.84-25.23-23.423-25.23S153.18 73.83 153.18 88.78c0 14.826 10.84 25.23 23.423 25.23c12.584 0 23.423-10.404 23.423-25.23"/><path fill="#ffba40" d="M309.105 88.967c0 23.984-18.689 41.613-41.613 41.613c-22.925 0-41.613-17.63-41.613-41.613c0-24.108 18.688-41.613 41.613-41.613c22.924 0 41.613 17.443 41.613 41.613m-18.253 0c0-14.95-10.839-25.23-23.423-25.23s-23.423 10.28-23.423 25.23c0 14.826 10.84 25.23 23.423 25.23c12.646 0 23.423-10.466 23.423-25.23"/><path fill="#3686f7" d="M66.59 112.328c-26.102 0-46.534-21.056-46.534-47.158c0-26.101 20.432-47.157 46.534-47.157c14.079 0 24.357 5.544 31.957 12.646l12.522-12.521C100.479 7.984 86.338.258 66.59.258C30.833.259.744 29.414.744 65.17s30.089 64.912 65.846 64.912c19.312 0 33.889-6.354 45.289-18.19c11.711-11.712 15.324-28.158 15.324-41.489c0-4.174-.498-8.472-1.059-11.649H66.59v17.318h42.423c-1.246 10.84-4.672 18.253-9.718 23.298c-6.105 6.168-15.76 12.958-32.705 12.958"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 168"><path fill="#ff302f" d="m496.052 102.672l14.204 9.469c-4.61 6.79-15.636 18.44-34.699 18.44c-23.672 0-41.301-18.315-41.301-41.614c0-24.793 17.816-41.613 39.308-41.613c21.616 0 32.206 17.193 35.633 26.475l1.869 4.735l-55.692 23.049c4.236 8.348 10.84 12.584 20.183 12.584c9.345 0 15.823-4.61 20.495-11.525M452.384 87.66l37.19-15.45c-2.056-5.17-8.16-8.845-15.45-8.845c-9.281 0-22.176 8.223-21.74 24.295"/><path fill="#20b15a" d="M407.407 4.931h17.94v121.85h-17.94z"/><path fill="#3686f7" d="M379.125 50.593h17.318V124.6c0 30.711-18.128 43.357-39.558 43.357c-20.183 0-32.33-13.58-36.878-24.606l15.885-6.604c2.865 6.79 9.78 14.827 20.993 14.827c13.767 0 22.24-8.535 22.24-24.482v-5.98h-.623c-4.112 4.983-11.961 9.468-21.928 9.468c-20.807 0-39.87-18.128-39.87-41.488c0-23.486 19.063-41.8 39.87-41.8c9.905 0 17.816 4.423 21.928 9.282h.623zm1.245 38.499c0-14.702-9.78-25.417-22.239-25.417c-12.584 0-23.174 10.715-23.174 25.417c0 14.514 10.59 25.042 23.174 25.042c12.46.063 22.24-10.528 22.24-25.042"/><path fill="#ff302f" d="M218.216 88.78c0 23.984-18.688 41.613-41.613 41.613c-22.924 0-41.613-17.691-41.613-41.613c0-24.108 18.689-41.675 41.613-41.675c22.925 0 41.613 17.567 41.613 41.675m-18.19 0c0-14.95-10.84-25.23-23.423-25.23S153.18 73.83 153.18 88.78c0 14.826 10.84 25.23 23.423 25.23c12.584 0 23.423-10.404 23.423-25.23"/><path fill="#ffba40" d="M309.105 88.967c0 23.984-18.689 41.613-41.613 41.613c-22.925 0-41.613-17.63-41.613-41.613c0-24.108 18.688-41.613 41.613-41.613c22.924 0 41.613 17.443 41.613 41.613m-18.253 0c0-14.95-10.839-25.23-23.423-25.23s-23.423 10.28-23.423 25.23c0 14.826 10.84 25.23 23.423 25.23c12.646 0 23.423-10.466 23.423-25.23"/><path fill="#3686f7" d="M66.59 112.328c-26.102 0-46.534-21.056-46.534-47.158c0-26.101 20.432-47.157 46.534-47.157c14.079 0 24.357 5.544 31.957 12.646l12.522-12.521C100.479 7.984 86.338.258 66.59.258C30.833.259.744 29.414.744 65.17s30.089 64.912 65.846 64.912c19.312 0 33.889-6.354 45.289-18.19c11.711-11.712 15.324-28.158 15.324-41.489c0-4.174-.498-8.472-1.059-11.649H66.59v17.318h42.423c-1.246 10.84-4.672 18.253-9.718 23.298c-6.105 6.168-15.76 12.958-32.705 12.958"/></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%20512%20168%22%3E%3Cpath%20fill%3D%22%23ff302f%22%20d%3D%22m496.052%20102.672l14.204%209.469c-4.61%206.79-15.636%2018.44-34.699%2018.44c-23.672%200-41.301-18.315-41.301-41.614c0-24.793%2017.816-41.613%2039.308-41.613c21.616%200%2032.206%2017.193%2035.633%2026.475l1.869%204.735l-55.692%2023.049c4.236%208.348%2010.84%2012.584%2020.183%2012.584c9.345%200%2015.823-4.61%2020.495-11.525M452.384%2087.66l37.19-15.45c-2.056-5.17-8.16-8.845-15.45-8.845c-9.281%200-22.176%208.223-21.74%2024.295%22%2F%3E%3Cpath%20fill%3D%22%2320b15a%22%20d%3D%22M407.407%204.931h17.94v121.85h-17.94z%22%2F%3E%3Cpath%20fill%3D%22%233686f7%22%20d%3D%22M379.125%2050.593h17.318V124.6c0%2030.711-18.128%2043.357-39.558%2043.357c-20.183%200-32.33-13.58-36.878-24.606l15.885-6.604c2.865%206.79%209.78%2014.827%2020.993%2014.827c13.767%200%2022.24-8.535%2022.24-24.482v-5.98h-.623c-4.112%204.983-11.961%209.468-21.928%209.468c-20.807%200-39.87-18.128-39.87-41.488c0-23.486%2019.063-41.8%2039.87-41.8c9.905%200%2017.816%204.423%2021.928%209.282h.623zm1.245%2038.499c0-14.702-9.78-25.417-22.239-25.417c-12.584%200-23.174%2010.715-23.174%2025.417c0%2014.514%2010.59%2025.042%2023.174%2025.042c12.46.063%2022.24-10.528%2022.24-25.042%22%2F%3E%3Cpath%20fill%3D%22%23ff302f%22%20d%3D%22M218.216%2088.78c0%2023.984-18.688%2041.613-41.613%2041.613c-22.924%200-41.613-17.691-41.613-41.613c0-24.108%2018.689-41.675%2041.613-41.675c22.925%200%2041.613%2017.567%2041.613%2041.675m-18.19%200c0-14.95-10.84-25.23-23.423-25.23S153.18%2073.83%20153.18%2088.78c0%2014.826%2010.84%2025.23%2023.423%2025.23c12.584%200%2023.423-10.404%2023.423-25.23%22%2F%3E%3Cpath%20fill%3D%22%23ffba40%22%20d%3D%22M309.105%2088.967c0%2023.984-18.689%2041.613-41.613%2041.613c-22.925%200-41.613-17.63-41.613-41.613c0-24.108%2018.688-41.613%2041.613-41.613c22.924%200%2041.613%2017.443%2041.613%2041.613m-18.253%200c0-14.95-10.839-25.23-23.423-25.23s-23.423%2010.28-23.423%2025.23c0%2014.826%2010.84%2025.23%2023.423%2025.23c12.646%200%2023.423-10.466%2023.423-25.23%22%2F%3E%3Cpath%20fill%3D%22%233686f7%22%20d%3D%22M66.59%20112.328c-26.102%200-46.534-21.056-46.534-47.158c0-26.101%2020.432-47.157%2046.534-47.157c14.079%200%2024.357%205.544%2031.957%2012.646l12.522-12.521C100.479%207.984%2086.338.258%2066.59.258C30.833.259.744%2029.414.744%2065.17s30.089%2064.912%2065.846%2064.912c19.312%200%2033.889-6.354%2045.289-18.19c11.711-11.712%2015.324-28.158%2015.324-41.489c0-4.174-.498-8.472-1.059-11.649H66.59v17.318h42.423c-1.246%2010.84-4.672%2018.253-9.718%2023.298c-6.105%206.168-15.76%2012.958-32.705%2012.958%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%20512%20168%22%3E%3Cpath%20fill%3D%22%23ff302f%22%20d%3D%22m496.052%20102.672l14.204%209.469c-4.61%206.79-15.636%2018.44-34.699%2018.44c-23.672%200-41.301-18.315-41.301-41.614c0-24.793%2017.816-41.613%2039.308-41.613c21.616%200%2032.206%2017.193%2035.633%2026.475l1.869%204.735l-55.692%2023.049c4.236%208.348%2010.84%2012.584%2020.183%2012.584c9.345%200%2015.823-4.61%2020.495-11.525M452.384%2087.66l37.19-15.45c-2.056-5.17-8.16-8.845-15.45-8.845c-9.281%200-22.176%208.223-21.74%2024.295%22%2F%3E%3Cpath%20fill%3D%22%2320b15a%22%20d%3D%22M407.407%204.931h17.94v121.85h-17.94z%22%2F%3E%3Cpath%20fill%3D%22%233686f7%22%20d%3D%22M379.125%2050.593h17.318V124.6c0%2030.711-18.128%2043.357-39.558%2043.357c-20.183%200-32.33-13.58-36.878-24.606l15.885-6.604c2.865%206.79%209.78%2014.827%2020.993%2014.827c13.767%200%2022.24-8.535%2022.24-24.482v-5.98h-.623c-4.112%204.983-11.961%209.468-21.928%209.468c-20.807%200-39.87-18.128-39.87-41.488c0-23.486%2019.063-41.8%2039.87-41.8c9.905%200%2017.816%204.423%2021.928%209.282h.623zm1.245%2038.499c0-14.702-9.78-25.417-22.239-25.417c-12.584%200-23.174%2010.715-23.174%2025.417c0%2014.514%2010.59%2025.042%2023.174%2025.042c12.46.063%2022.24-10.528%2022.24-25.042%22%2F%3E%3Cpath%20fill%3D%22%23ff302f%22%20d%3D%22M218.216%2088.78c0%2023.984-18.688%2041.613-41.613%2041.613c-22.924%200-41.613-17.691-41.613-41.613c0-24.108%2018.689-41.675%2041.613-41.675c22.925%200%2041.613%2017.567%2041.613%2041.675m-18.19%200c0-14.95-10.84-25.23-23.423-25.23S153.18%2073.83%20153.18%2088.78c0%2014.826%2010.84%2025.23%2023.423%2025.23c12.584%200%2023.423-10.404%2023.423-25.23%22%2F%3E%3Cpath%20fill%3D%22%23ffba40%22%20d%3D%22M309.105%2088.967c0%2023.984-18.689%2041.613-41.613%2041.613c-22.925%200-41.613-17.63-41.613-41.613c0-24.108%2018.688-41.613%2041.613-41.613c22.924%200%2041.613%2017.443%2041.613%2041.613m-18.253%200c0-14.95-10.839-25.23-23.423-25.23s-23.423%2010.28-23.423%2025.23c0%2014.826%2010.84%2025.23%2023.423%2025.23c12.646%200%2023.423-10.466%2023.423-25.23%22%2F%3E%3Cpath%20fill%3D%22%233686f7%22%20d%3D%22M66.59%20112.328c-26.102%200-46.534-21.056-46.534-47.158c0-26.101%2020.432-47.157%2046.534-47.157c14.079%200%2024.357%205.544%2031.957%2012.646l12.522-12.521C100.479%207.984%2086.338.258%2066.59.258C30.833.259.744%2029.414.744%2065.17s30.089%2064.912%2065.846%2064.912c19.312%200%2033.889-6.354%2045.289-18.19c11.711-11.712%2015.324-28.158%2015.324-41.489c0-4.174-.498-8.472-1.059-11.649H66.59v17.318h42.423c-1.246%2010.84-4.672%2018.253-9.718%2023.298c-6.105%206.168-15.76%2012.958-32.705%2012.958%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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