logo google icon

The same icon in other sets

Related icons in IonIcons

Use the logo google icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72c-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 0 1-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4c57.73 0 112.45-22.62 151.45-63.66c38.34-40.4 58.17-96.3 58.17-154.9c0-24.67-2.48-39.32-2.59-39.96"/></svg>

import type { SVGProps } from "react";

export function IonLogoGoogle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72c-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 0 1-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4c57.73 0 112.45-22.62 151.45-63.66c38.34-40.4 58.17-96.3 58.17-154.9c0-24.67-2.48-39.32-2.59-39.96"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m473.16 221.48l-2.26-9.59H262.46v88.22H387c-12.93 61.4-72.93 93.72-121.94 93.72c-35.66 0-73.25-15-98.13-39.11a140.08 140.08 0 0 1-41.8-98.88c0-37.16 16.7-74.33 41-98.78s61-38.13 97.49-38.13c41.79 0 71.74 22.19 82.94 32.31l62.69-62.36C390.86 72.72 340.34 32 261.6 32c-60.75 0-119 23.27-161.58 65.71C58 139.5 36.25 199.93 36.25 256s20.58 113.48 61.3 155.6c43.51 44.92 105.13 68.4 168.58 68.4c57.73 0 112.45-22.62 151.45-63.66c38.34-40.4 58.17-96.3 58.17-154.9c0-24.67-2.48-39.32-2.59-39.96"/></svg>
</template>

.icon-logo-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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m473.16%20221.48l-2.26-9.59H262.46v88.22H387c-12.93%2061.4-72.93%2093.72-121.94%2093.72c-35.66%200-73.25-15-98.13-39.11a140.08%20140.08%200%200%201-41.8-98.88c0-37.16%2016.7-74.33%2041-98.78s61-38.13%2097.49-38.13c41.79%200%2071.74%2022.19%2082.94%2032.31l62.69-62.36C390.86%2072.72%20340.34%2032%20261.6%2032c-60.75%200-119%2023.27-161.58%2065.71C58%20139.5%2036.25%20199.93%2036.25%20256s20.58%20113.48%2061.3%20155.6c43.51%2044.92%20105.13%2068.4%20168.58%2068.4c57.73%200%20112.45-22.62%20151.45-63.66c38.34-40.4%2058.17-96.3%2058.17-154.9c0-24.67-2.48-39.32-2.59-39.96%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m473.16%20221.48l-2.26-9.59H262.46v88.22H387c-12.93%2061.4-72.93%2093.72-121.94%2093.72c-35.66%200-73.25-15-98.13-39.11a140.08%20140.08%200%200%201-41.8-98.88c0-37.16%2016.7-74.33%2041-98.78s61-38.13%2097.49-38.13c41.79%200%2071.74%2022.19%2082.94%2032.31l62.69-62.36C390.86%2072.72%20340.34%2032%20261.6%2032c-60.75%200-119%2023.27-161.58%2065.71C58%20139.5%2036.25%20199.93%2036.25%20256s20.58%20113.48%2061.3%20155.6c43.51%2044.92%20105.13%2068.4%20168.58%2068.4c57.73%200%20112.45-22.62%20151.45-63.66c38.34-40.4%2058.17-96.3%2058.17-154.9c0-24.67-2.48-39.32-2.59-39.96%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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