google chrome logo

google-chrome from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: google-chrome
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

google-chromeMaterial Design Icons google-chromePixelarticons

Related icons in CoreUI Brands

google-ads google-allo google-analytics google-cloud google-keep google-pay google-play google-podcasts

Use the google chrome logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m21.62 11.588l8.953-2.239A16 16 0 0 1 32 15.964C32 24.76 24.76 32 15.959 32q-.609 0-1.209-.047l6.537-11.131c.473-.5.875-1.068 1.177-1.692a7.27 7.27 0 0 0-.057-6.328a7 7 0 0 0-.787-1.215zm-4.323 11.433l-2.828 8.905C6.317 31.125 0 24.187 0 15.969c0-3.177.948-6.287 2.719-8.933l6.443 11.172c.24.719 1.495 3.443 4.089 4.437c1.333.505 2.723.641 4.047.376zm-1.333-12.86c-2.672.027-5.172 2.057-5.709 4.683a5.98 5.98 0 0 0 1.652 5.375c1.62 1.584 4.187 2.104 6.312 1.235c1.875-.765 3.292-2.568 3.588-4.573c.36-2.473-1.052-5.109-3.328-6.172a5.9 5.9 0 0 0-2.515-.547zm-6.568 3.12L3.011 6.62A16.06 16.06 0 0 1 15.995 0A16.06 16.06 0 0 1 30.36 8.901H16.745c-2.417-.167-4.385.692-5.688 1.937a7.1 7.1 0 0 0-1.661 2.443"/></svg>

React

import type { SVGProps } from "react";

export function CibGoogleChrome(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m21.62 11.588l8.953-2.239A16 16 0 0 1 32 15.964C32 24.76 24.76 32 15.959 32q-.609 0-1.209-.047l6.537-11.131c.473-.5.875-1.068 1.177-1.692a7.27 7.27 0 0 0-.057-6.328a7 7 0 0 0-.787-1.215zm-4.323 11.433l-2.828 8.905C6.317 31.125 0 24.187 0 15.969c0-3.177.948-6.287 2.719-8.933l6.443 11.172c.24.719 1.495 3.443 4.089 4.437c1.333.505 2.723.641 4.047.376zm-1.333-12.86c-2.672.027-5.172 2.057-5.709 4.683a5.98 5.98 0 0 0 1.652 5.375c1.62 1.584 4.187 2.104 6.312 1.235c1.875-.765 3.292-2.568 3.588-4.573c.36-2.473-1.052-5.109-3.328-6.172a5.9 5.9 0 0 0-2.515-.547zm-6.568 3.12L3.011 6.62A16.06 16.06 0 0 1 15.995 0A16.06 16.06 0 0 1 30.36 8.901H16.745c-2.417-.167-4.385.692-5.688 1.937a7.1 7.1 0 0 0-1.661 2.443"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m21.62 11.588l8.953-2.239A16 16 0 0 1 32 15.964C32 24.76 24.76 32 15.959 32q-.609 0-1.209-.047l6.537-11.131c.473-.5.875-1.068 1.177-1.692a7.27 7.27 0 0 0-.057-6.328a7 7 0 0 0-.787-1.215zm-4.323 11.433l-2.828 8.905C6.317 31.125 0 24.187 0 15.969c0-3.177.948-6.287 2.719-8.933l6.443 11.172c.24.719 1.495 3.443 4.089 4.437c1.333.505 2.723.641 4.047.376zm-1.333-12.86c-2.672.027-5.172 2.057-5.709 4.683a5.98 5.98 0 0 0 1.652 5.375c1.62 1.584 4.187 2.104 6.312 1.235c1.875-.765 3.292-2.568 3.588-4.573c.36-2.473-1.052-5.109-3.328-6.172a5.9 5.9 0 0 0-2.515-.547zm-6.568 3.12L3.011 6.62A16.06 16.06 0 0 1 15.995 0A16.06 16.06 0 0 1 30.36 8.901H16.745c-2.417-.167-4.385.692-5.688 1.937a7.1 7.1 0 0 0-1.661 2.443"/></svg>
</template>

CSS

.icon-google-chrome {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.62%2011.588l8.953-2.239A16%2016%200%200%201%2032%2015.964C32%2024.76%2024.76%2032%2015.959%2032q-.609%200-1.209-.047l6.537-11.131c.473-.5.875-1.068%201.177-1.692a7.27%207.27%200%200%200-.057-6.328a7%207%200%200%200-.787-1.215zm-4.323%2011.433l-2.828%208.905C6.317%2031.125%200%2024.187%200%2015.969c0-3.177.948-6.287%202.719-8.933l6.443%2011.172c.24.719%201.495%203.443%204.089%204.437c1.333.505%202.723.641%204.047.376zm-1.333-12.86c-2.672.027-5.172%202.057-5.709%204.683a5.98%205.98%200%200%200%201.652%205.375c1.62%201.584%204.187%202.104%206.312%201.235c1.875-.765%203.292-2.568%203.588-4.573c.36-2.473-1.052-5.109-3.328-6.172a5.9%205.9%200%200%200-2.515-.547zm-6.568%203.12L3.011%206.62A16.06%2016.06%200%200%201%2015.995%200A16.06%2016.06%200%200%201%2030.36%208.901H16.745c-2.417-.167-4.385.692-5.688%201.937a7.1%207.1%200%200%200-1.661%202.443%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.62%2011.588l8.953-2.239A16%2016%200%200%201%2032%2015.964C32%2024.76%2024.76%2032%2015.959%2032q-.609%200-1.209-.047l6.537-11.131c.473-.5.875-1.068%201.177-1.692a7.27%207.27%200%200%200-.057-6.328a7%207%200%200%200-.787-1.215zm-4.323%2011.433l-2.828%208.905C6.317%2031.125%200%2024.187%200%2015.969c0-3.177.948-6.287%202.719-8.933l6.443%2011.172c.24.719%201.495%203.443%204.089%204.437c1.333.505%202.723.641%204.047.376zm-1.333-12.86c-2.672.027-5.172%202.057-5.709%204.683a5.98%205.98%200%200%200%201.652%205.375c1.62%201.584%204.187%202.104%206.312%201.235c1.875-.765%203.292-2.568%203.588-4.573c.36-2.473-1.052-5.109-3.328-6.172a5.9%205.9%200%200%200-2.515-.547zm-6.568%203.12L3.011%206.62A16.06%2016.06%200%200%201%2015.995%200A16.06%2016.06%200%200%201%2030.36%208.901H16.745c-2.417-.167-4.385.692-5.688%201.937a7.1%207.1%200%200%200-1.661%202.443%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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