google icon

google from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.

Name
google
Set
Line Awesome
Style
Line
Category
Other
Viewbox
32×32
License
Apache 2.0

The same icon in other sets

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

More other icons from Line Awesome

500pxaccusoftadnadobeadversalaffiliatethemeairbnbalgoliaamazonamiliaandroidangellistangrycreativeangularapp-storeapp-store-iosapperappleartstationasymmetrikatlassianaudibleautoprefixeravianex

Use the google icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.684 15.406c0-1.976 3.21-2.148 3.21-6.011c0-2.797-1.945-4.137-2.144-4.258h1.938L23.625 4h-6.277c-6.387 0-7.41 4.469-7.41 5.95c0 2.206 1.726 4.948 5.199 4.948q.474 0 1.008-.058c-.06.164-.31.726-.31 1.234c0 1.063.68 1.738.915 2.149c-3.8-.035-8.375 1.613-8.375 5.28c0 1.34 1.152 4.497 6.566 4.497c6.176 0 8.047-3.813 8.047-5.95c-.004-4.081-4.304-4.757-4.304-6.644m-2.098-1.363c-2.16 0-3.984-2.719-3.984-5.625c0-.863.414-3.371 2.804-3.371c3.078 0 3.828 4.562 3.828 5.805c0 .289.203 3.191-2.648 3.191m-.148 12.637c-1.981 0-5.399-.844-5.399-3.844c0-1.04.606-3.754 5.863-3.754q.405.001.703.031c1.094.817 3.36 1.996 3.36 4.168c0 .985-.586 3.399-4.527 3.399"/></svg>

React

import type { SVGProps } from "react";

export function LaGoogle(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="M18.684 15.406c0-1.976 3.21-2.148 3.21-6.011c0-2.797-1.945-4.137-2.144-4.258h1.938L23.625 4h-6.277c-6.387 0-7.41 4.469-7.41 5.95c0 2.206 1.726 4.948 5.199 4.948q.474 0 1.008-.058c-.06.164-.31.726-.31 1.234c0 1.063.68 1.738.915 2.149c-3.8-.035-8.375 1.613-8.375 5.28c0 1.34 1.152 4.497 6.566 4.497c6.176 0 8.047-3.813 8.047-5.95c-.004-4.081-4.304-4.757-4.304-6.644m-2.098-1.363c-2.16 0-3.984-2.719-3.984-5.625c0-.863.414-3.371 2.804-3.371c3.078 0 3.828 4.562 3.828 5.805c0 .289.203 3.191-2.648 3.191m-.148 12.637c-1.981 0-5.399-.844-5.399-3.844c0-1.04.606-3.754 5.863-3.754q.405.001.703.031c1.094.817 3.36 1.996 3.36 4.168c0 .985-.586 3.399-4.527 3.399"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18.684 15.406c0-1.976 3.21-2.148 3.21-6.011c0-2.797-1.945-4.137-2.144-4.258h1.938L23.625 4h-6.277c-6.387 0-7.41 4.469-7.41 5.95c0 2.206 1.726 4.948 5.199 4.948q.474 0 1.008-.058c-.06.164-.31.726-.31 1.234c0 1.063.68 1.738.915 2.149c-3.8-.035-8.375 1.613-8.375 5.28c0 1.34 1.152 4.497 6.566 4.497c6.176 0 8.047-3.813 8.047-5.95c-.004-4.081-4.304-4.757-4.304-6.644m-2.098-1.363c-2.16 0-3.984-2.719-3.984-5.625c0-.863.414-3.371 2.804-3.371c3.078 0 3.828 4.562 3.828 5.805c0 .289.203 3.191-2.648 3.191m-.148 12.637c-1.981 0-5.399-.844-5.399-3.844c0-1.04.606-3.754 5.863-3.754q.405.001.703.031c1.094.817 3.36 1.996 3.36 4.168c0 .985-.586 3.399-4.527 3.399"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.684%2015.406c0-1.976%203.21-2.148%203.21-6.011c0-2.797-1.945-4.137-2.144-4.258h1.938L23.625%204h-6.277c-6.387%200-7.41%204.469-7.41%205.95c0%202.206%201.726%204.948%205.199%204.948q.474%200%201.008-.058c-.06.164-.31.726-.31%201.234c0%201.063.68%201.738.915%202.149c-3.8-.035-8.375%201.613-8.375%205.28c0%201.34%201.152%204.497%206.566%204.497c6.176%200%208.047-3.813%208.047-5.95c-.004-4.081-4.304-4.757-4.304-6.644m-2.098-1.363c-2.16%200-3.984-2.719-3.984-5.625c0-.863.414-3.371%202.804-3.371c3.078%200%203.828%204.562%203.828%205.805c0%20.289.203%203.191-2.648%203.191m-.148%2012.637c-1.981%200-5.399-.844-5.399-3.844c0-1.04.606-3.754%205.863-3.754q.405.001.703.031c1.094.817%203.36%201.996%203.36%204.168c0%20.985-.586%203.399-4.527%203.399%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%22M18.684%2015.406c0-1.976%203.21-2.148%203.21-6.011c0-2.797-1.945-4.137-2.144-4.258h1.938L23.625%204h-6.277c-6.387%200-7.41%204.469-7.41%205.95c0%202.206%201.726%204.948%205.199%204.948q.474%200%201.008-.058c-.06.164-.31.726-.31%201.234c0%201.063.68%201.738.915%202.149c-3.8-.035-8.375%201.613-8.375%205.28c0%201.34%201.152%204.497%206.566%204.497c6.176%200%208.047-3.813%208.047-5.95c-.004-4.081-4.304-4.757-4.304-6.644m-2.098-1.363c-2.16%200-3.984-2.719-3.984-5.625c0-.863.414-3.371%202.804-3.371c3.078%200%203.828%204.562%203.828%205.805c0%20.289.203%203.191-2.648%203.191m-.148%2012.637c-1.981%200-5.399-.844-5.399-3.844c0-1.04.606-3.754%205.863-3.754q.405.001.703.031c1.094.817%203.36%201.996%203.36%204.168c0%20.985-.586%203.399-4.527%203.399%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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