google logo
google-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- google-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
google-fillAkar Iconsgoogle-outlinedAnt Design IconsgoogleBootstrap IconsgoogleBoxicons BrandsgoogleCoreUI Brandsgoogle-fillEva IconsgoogleFont Awesome 6 BrandsgoogleFont Awesome Brandsgoogle-solidFlowbite Iconsgooglecss.gggoogleHuge IconsgoogleIconParkgoogleIconPark OutlinegoogleIconPark SolidgoogleIconPark TwoTonegoogleIconoirgoogleJam IconsgoogleLine AwesomegoogleSVG LogosgoogleMage IconsgoogleMaterial Icon ThemegoogleMaterial Design Iconsgoogle-fillMingCute IcongoogleMyna UI Icons
Use the google logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#4885ed" d="M31.85 57.91H17.09v4.38h10.47c-.52 6.14-5.63 8.76-10.45 8.76a11.7 11.7 0 0 1 0-23.4A11.36 11.36 0 0 1 25 50.82l3.07-3.18A15.6 15.6 0 0 0 17 43.26a16.09 16.09 0 1 0 .23 32.18c8.61 0 14.92-5.9 14.92-14.63a13 13 0 0 0-.27-2.9z"/><path fill="#db3236" d="M43.94 54.74a10.34 10.34 0 1 0 10.38 10.38a10.22 10.22 0 0 0-10.38-10.38M44 58.8a6.29 6.29 0 1 1-5.92 6.26A5.95 5.95 0 0 1 44 58.8"/><path fill="#f4c20d" d="M66.56 54.74a10.34 10.34 0 1 0 10.37 10.38a10.22 10.22 0 0 0-10.37-10.38m.06 4.06a6.29 6.29 0 1 1-5.92 6.26a5.95 5.95 0 0 1 5.92-6.26"/><path fill="#4885ed" d="M88.73 54.75c-5.56 0-9.93 4.87-9.93 10.33a10.2 10.2 0 0 0 9.83 10.35a6.83 6.83 0 0 0 5.67-2.51v2c0 3.57-2.17 5.7-5.44 5.7A5.73 5.73 0 0 1 83.58 77l-4 1.66a10 10 0 0 0 9.3 6.09c5.53 0 9.74-3.48 9.74-10.78v-18.6h-4.31v1.75a7.32 7.32 0 0 0-5.58-2.37m.4 4.05c2.73 0 5.52 2.33 5.52 6.3s-2.79 6.27-5.58 6.27a5.88 5.88 0 0 1-5.72-6.23c0-4 2.86-6.34 5.78-6.34"/><path fill="#db3236" d="M117.93 54.72c-5.24 0-9.65 4.17-9.65 10.33a10 10 0 0 0 10.15 10.38a10.49 10.49 0 0 0 8.66-4.54l-3.58-2.38a5.79 5.79 0 0 1-5.07 2.85a5.32 5.32 0 0 1-5.07-3.13l13.87-5.75l-.72-1.69a9.36 9.36 0 0 0-8.6-6.06zm.18 4a4.12 4.12 0 0 1 3.83 2.21l-9.26 3.87a5.74 5.74 0 0 1 5.43-6.08"/><path fill="#3cba54" d="M101.67 74.82h4.56V44.33h-4.56z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconGoogleWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#4885ed" d="M31.85 57.91H17.09v4.38h10.47c-.52 6.14-5.63 8.76-10.45 8.76a11.7 11.7 0 0 1 0-23.4A11.36 11.36 0 0 1 25 50.82l3.07-3.18A15.6 15.6 0 0 0 17 43.26a16.09 16.09 0 1 0 .23 32.18c8.61 0 14.92-5.9 14.92-14.63a13 13 0 0 0-.27-2.9z"/><path fill="#db3236" d="M43.94 54.74a10.34 10.34 0 1 0 10.38 10.38a10.22 10.22 0 0 0-10.38-10.38M44 58.8a6.29 6.29 0 1 1-5.92 6.26A5.95 5.95 0 0 1 44 58.8"/><path fill="#f4c20d" d="M66.56 54.74a10.34 10.34 0 1 0 10.37 10.38a10.22 10.22 0 0 0-10.37-10.38m.06 4.06a6.29 6.29 0 1 1-5.92 6.26a5.95 5.95 0 0 1 5.92-6.26"/><path fill="#4885ed" d="M88.73 54.75c-5.56 0-9.93 4.87-9.93 10.33a10.2 10.2 0 0 0 9.83 10.35a6.83 6.83 0 0 0 5.67-2.51v2c0 3.57-2.17 5.7-5.44 5.7A5.73 5.73 0 0 1 83.58 77l-4 1.66a10 10 0 0 0 9.3 6.09c5.53 0 9.74-3.48 9.74-10.78v-18.6h-4.31v1.75a7.32 7.32 0 0 0-5.58-2.37m.4 4.05c2.73 0 5.52 2.33 5.52 6.3s-2.79 6.27-5.58 6.27a5.88 5.88 0 0 1-5.72-6.23c0-4 2.86-6.34 5.78-6.34"/><path fill="#db3236" d="M117.93 54.72c-5.24 0-9.65 4.17-9.65 10.33a10 10 0 0 0 10.15 10.38a10.49 10.49 0 0 0 8.66-4.54l-3.58-2.38a5.79 5.79 0 0 1-5.07 2.85a5.32 5.32 0 0 1-5.07-3.13l13.87-5.75l-.72-1.69a9.36 9.36 0 0 0-8.6-6.06zm.18 4a4.12 4.12 0 0 1 3.83 2.21l-9.26 3.87a5.74 5.74 0 0 1 5.43-6.08"/><path fill="#3cba54" d="M101.67 74.82h4.56V44.33h-4.56z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#4885ed" d="M31.85 57.91H17.09v4.38h10.47c-.52 6.14-5.63 8.76-10.45 8.76a11.7 11.7 0 0 1 0-23.4A11.36 11.36 0 0 1 25 50.82l3.07-3.18A15.6 15.6 0 0 0 17 43.26a16.09 16.09 0 1 0 .23 32.18c8.61 0 14.92-5.9 14.92-14.63a13 13 0 0 0-.27-2.9z"/><path fill="#db3236" d="M43.94 54.74a10.34 10.34 0 1 0 10.38 10.38a10.22 10.22 0 0 0-10.38-10.38M44 58.8a6.29 6.29 0 1 1-5.92 6.26A5.95 5.95 0 0 1 44 58.8"/><path fill="#f4c20d" d="M66.56 54.74a10.34 10.34 0 1 0 10.37 10.38a10.22 10.22 0 0 0-10.37-10.38m.06 4.06a6.29 6.29 0 1 1-5.92 6.26a5.95 5.95 0 0 1 5.92-6.26"/><path fill="#4885ed" d="M88.73 54.75c-5.56 0-9.93 4.87-9.93 10.33a10.2 10.2 0 0 0 9.83 10.35a6.83 6.83 0 0 0 5.67-2.51v2c0 3.57-2.17 5.7-5.44 5.7A5.73 5.73 0 0 1 83.58 77l-4 1.66a10 10 0 0 0 9.3 6.09c5.53 0 9.74-3.48 9.74-10.78v-18.6h-4.31v1.75a7.32 7.32 0 0 0-5.58-2.37m.4 4.05c2.73 0 5.52 2.33 5.52 6.3s-2.79 6.27-5.58 6.27a5.88 5.88 0 0 1-5.72-6.23c0-4 2.86-6.34 5.78-6.34"/><path fill="#db3236" d="M117.93 54.72c-5.24 0-9.65 4.17-9.65 10.33a10 10 0 0 0 10.15 10.38a10.49 10.49 0 0 0 8.66-4.54l-3.58-2.38a5.79 5.79 0 0 1-5.07 2.85a5.32 5.32 0 0 1-5.07-3.13l13.87-5.75l-.72-1.69a9.36 9.36 0 0 0-8.6-6.06zm.18 4a4.12 4.12 0 0 1 3.83 2.21l-9.26 3.87a5.74 5.74 0 0 1 5.43-6.08"/><path fill="#3cba54" d="M101.67 74.82h4.56V44.33h-4.56z"/></svg> </template>
CSS
.icon-google-wordmark {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%234885ed%22%20d%3D%22M31.85%2057.91H17.09v4.38h10.47c-.52%206.14-5.63%208.76-10.45%208.76a11.7%2011.7%200%200%201%200-23.4A11.36%2011.36%200%200%201%2025%2050.82l3.07-3.18A15.6%2015.6%200%200%200%2017%2043.26a16.09%2016.09%200%201%200%20.23%2032.18c8.61%200%2014.92-5.9%2014.92-14.63a13%2013%200%200%200-.27-2.9z%22%2F%3E%3Cpath%20fill%3D%22%23db3236%22%20d%3D%22M43.94%2054.74a10.34%2010.34%200%201%200%2010.38%2010.38a10.22%2010.22%200%200%200-10.38-10.38M44%2058.8a6.29%206.29%200%201%201-5.92%206.26A5.95%205.95%200%200%201%2044%2058.8%22%2F%3E%3Cpath%20fill%3D%22%23f4c20d%22%20d%3D%22M66.56%2054.74a10.34%2010.34%200%201%200%2010.37%2010.38a10.22%2010.22%200%200%200-10.37-10.38m.06%204.06a6.29%206.29%200%201%201-5.92%206.26a5.95%205.95%200%200%201%205.92-6.26%22%2F%3E%3Cpath%20fill%3D%22%234885ed%22%20d%3D%22M88.73%2054.75c-5.56%200-9.93%204.87-9.93%2010.33a10.2%2010.2%200%200%200%209.83%2010.35a6.83%206.83%200%200%200%205.67-2.51v2c0%203.57-2.17%205.7-5.44%205.7A5.73%205.73%200%200%201%2083.58%2077l-4%201.66a10%2010%200%200%200%209.3%206.09c5.53%200%209.74-3.48%209.74-10.78v-18.6h-4.31v1.75a7.32%207.32%200%200%200-5.58-2.37m.4%204.05c2.73%200%205.52%202.33%205.52%206.3s-2.79%206.27-5.58%206.27a5.88%205.88%200%200%201-5.72-6.23c0-4%202.86-6.34%205.78-6.34%22%2F%3E%3Cpath%20fill%3D%22%23db3236%22%20d%3D%22M117.93%2054.72c-5.24%200-9.65%204.17-9.65%2010.33a10%2010%200%200%200%2010.15%2010.38a10.49%2010.49%200%200%200%208.66-4.54l-3.58-2.38a5.79%205.79%200%200%201-5.07%202.85a5.32%205.32%200%200%201-5.07-3.13l13.87-5.75l-.72-1.69a9.36%209.36%200%200%200-8.6-6.06zm.18%204a4.12%204.12%200%200%201%203.83%202.21l-9.26%203.87a5.74%205.74%200%200%201%205.43-6.08%22%2F%3E%3Cpath%20fill%3D%22%233cba54%22%20d%3D%22M101.67%2074.82h4.56V44.33h-4.56z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%234885ed%22%20d%3D%22M31.85%2057.91H17.09v4.38h10.47c-.52%206.14-5.63%208.76-10.45%208.76a11.7%2011.7%200%200%201%200-23.4A11.36%2011.36%200%200%201%2025%2050.82l3.07-3.18A15.6%2015.6%200%200%200%2017%2043.26a16.09%2016.09%200%201%200%20.23%2032.18c8.61%200%2014.92-5.9%2014.92-14.63a13%2013%200%200%200-.27-2.9z%22%2F%3E%3Cpath%20fill%3D%22%23db3236%22%20d%3D%22M43.94%2054.74a10.34%2010.34%200%201%200%2010.38%2010.38a10.22%2010.22%200%200%200-10.38-10.38M44%2058.8a6.29%206.29%200%201%201-5.92%206.26A5.95%205.95%200%200%201%2044%2058.8%22%2F%3E%3Cpath%20fill%3D%22%23f4c20d%22%20d%3D%22M66.56%2054.74a10.34%2010.34%200%201%200%2010.37%2010.38a10.22%2010.22%200%200%200-10.37-10.38m.06%204.06a6.29%206.29%200%201%201-5.92%206.26a5.95%205.95%200%200%201%205.92-6.26%22%2F%3E%3Cpath%20fill%3D%22%234885ed%22%20d%3D%22M88.73%2054.75c-5.56%200-9.93%204.87-9.93%2010.33a10.2%2010.2%200%200%200%209.83%2010.35a6.83%206.83%200%200%200%205.67-2.51v2c0%203.57-2.17%205.7-5.44%205.7A5.73%205.73%200%200%201%2083.58%2077l-4%201.66a10%2010%200%200%200%209.3%206.09c5.53%200%209.74-3.48%209.74-10.78v-18.6h-4.31v1.75a7.32%207.32%200%200%200-5.58-2.37m.4%204.05c2.73%200%205.52%202.33%205.52%206.3s-2.79%206.27-5.58%206.27a5.88%205.88%200%200%201-5.72-6.23c0-4%202.86-6.34%205.78-6.34%22%2F%3E%3Cpath%20fill%3D%22%23db3236%22%20d%3D%22M117.93%2054.72c-5.24%200-9.65%204.17-9.65%2010.33a10%2010%200%200%200%2010.15%2010.38a10.49%2010.49%200%200%200%208.66-4.54l-3.58-2.38a5.79%205.79%200%200%201-5.07%202.85a5.32%205.32%200%200%201-5.07-3.13l13.87-5.75l-.72-1.69a9.36%209.36%200%200%200-8.6-6.06zm.18%204a4.12%204.12%200%200%201%203.83%202.21l-9.26%203.87a5.74%205.74%200%200%201%205.43-6.08%22%2F%3E%3Cpath%20fill%3D%22%233cba54%22%20d%3D%22M101.67%2074.82h4.56V44.33h-4.56z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/google-wordmark.svg?color=%231a73e8&size=48
