google icon
google from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
google-fillAkar IconsgoogleBootstrap IconsgoogleBoxicons BrandsgoogleDevicongoogle-fillEva IconsgoogleFont Awesome 6 Brandsgooglecss.gggoogleHuge IconsgoogleIconoirgoogleJam IconsgoogleLine AwesomegoogleSVG LogosgoogleMage IconsgoogleMaterial Design Iconsgoogle-fillMingCute IcongooglePixelarticonsgoogle-fillRemix IcongoogleSimple Iconsgoogle-outlineTeenyiconsgoogleUnicons Monochrome
More brand logos icons from Unicons
Use the google icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.602 10.004a1 1 0 0 0-.984-.822H12.2a1 1 0 0 0-1 1v3.868a1 1 0 0 0 1 1h3.962a3.65 3.65 0 0 1-1.131 1.187a5.06 5.06 0 0 1-2.831.785a4.935 4.935 0 0 1-4.646-3.437v-.002a4.9 4.9 0 0 1 0-3.167v-.002A4.94 4.94 0 0 1 12.2 6.978a4.38 4.38 0 0 1 3.131 1.217a1 1 0 0 0 1.399-.015l2.868-2.868a1 1 0 0 0-.025-1.439A10.62 10.62 0 0 0 12.2 1a10.95 10.95 0 0 0-9.829 6.059l-.001.002A10.9 10.9 0 0 0 1.2 12a11.1 11.1 0 0 0 1.17 4.94l.001.001A10.95 10.95 0 0 0 12.2 23a10.53 10.53 0 0 0 7.295-2.687l.001-.001a10.8 10.8 0 0 0 3.304-8.084a12.5 12.5 0 0 0-.198-2.224M12.2 3a8.7 8.7 0 0 1 5.209 1.673l-1.454 1.453A6.46 6.46 0 0 0 12.2 4.978a6.89 6.89 0 0 0-5.99 3.55L5.142 7.7l-.585-.454A8.95 8.95 0 0 1 12.2 3M3.68 14.903a9.03 9.03 0 0 1 0-5.806l1.782 1.382a6.85 6.85 0 0 0 0 3.042ZM12.2 21a8.95 8.95 0 0 1-7.644-4.246l.379-.294l1.276-.99a6.89 6.89 0 0 0 5.989 3.552a7.3 7.3 0 0 0 3.306-.75l1.691 1.313A8.9 8.9 0 0 1 12.2 21m6.526-2.76l-.183-.143l-1.377-1.069a5.6 5.6 0 0 0 1.4-2.796a1 1 0 0 0-.984-1.182H13.2v-1.868h7.549q.051.518.051 1.046a9.05 9.05 0 0 1-2.074 6.011"/></svg>
React
import type { SVGProps } from "react";
export function UilGoogle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.602 10.004a1 1 0 0 0-.984-.822H12.2a1 1 0 0 0-1 1v3.868a1 1 0 0 0 1 1h3.962a3.65 3.65 0 0 1-1.131 1.187a5.06 5.06 0 0 1-2.831.785a4.935 4.935 0 0 1-4.646-3.437v-.002a4.9 4.9 0 0 1 0-3.167v-.002A4.94 4.94 0 0 1 12.2 6.978a4.38 4.38 0 0 1 3.131 1.217a1 1 0 0 0 1.399-.015l2.868-2.868a1 1 0 0 0-.025-1.439A10.62 10.62 0 0 0 12.2 1a10.95 10.95 0 0 0-9.829 6.059l-.001.002A10.9 10.9 0 0 0 1.2 12a11.1 11.1 0 0 0 1.17 4.94l.001.001A10.95 10.95 0 0 0 12.2 23a10.53 10.53 0 0 0 7.295-2.687l.001-.001a10.8 10.8 0 0 0 3.304-8.084a12.5 12.5 0 0 0-.198-2.224M12.2 3a8.7 8.7 0 0 1 5.209 1.673l-1.454 1.453A6.46 6.46 0 0 0 12.2 4.978a6.89 6.89 0 0 0-5.99 3.55L5.142 7.7l-.585-.454A8.95 8.95 0 0 1 12.2 3M3.68 14.903a9.03 9.03 0 0 1 0-5.806l1.782 1.382a6.85 6.85 0 0 0 0 3.042ZM12.2 21a8.95 8.95 0 0 1-7.644-4.246l.379-.294l1.276-.99a6.89 6.89 0 0 0 5.989 3.552a7.3 7.3 0 0 0 3.306-.75l1.691 1.313A8.9 8.9 0 0 1 12.2 21m6.526-2.76l-.183-.143l-1.377-1.069a5.6 5.6 0 0 0 1.4-2.796a1 1 0 0 0-.984-1.182H13.2v-1.868h7.549q.051.518.051 1.046a9.05 9.05 0 0 1-2.074 6.011"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.602 10.004a1 1 0 0 0-.984-.822H12.2a1 1 0 0 0-1 1v3.868a1 1 0 0 0 1 1h3.962a3.65 3.65 0 0 1-1.131 1.187a5.06 5.06 0 0 1-2.831.785a4.935 4.935 0 0 1-4.646-3.437v-.002a4.9 4.9 0 0 1 0-3.167v-.002A4.94 4.94 0 0 1 12.2 6.978a4.38 4.38 0 0 1 3.131 1.217a1 1 0 0 0 1.399-.015l2.868-2.868a1 1 0 0 0-.025-1.439A10.62 10.62 0 0 0 12.2 1a10.95 10.95 0 0 0-9.829 6.059l-.001.002A10.9 10.9 0 0 0 1.2 12a11.1 11.1 0 0 0 1.17 4.94l.001.001A10.95 10.95 0 0 0 12.2 23a10.53 10.53 0 0 0 7.295-2.687l.001-.001a10.8 10.8 0 0 0 3.304-8.084a12.5 12.5 0 0 0-.198-2.224M12.2 3a8.7 8.7 0 0 1 5.209 1.673l-1.454 1.453A6.46 6.46 0 0 0 12.2 4.978a6.89 6.89 0 0 0-5.99 3.55L5.142 7.7l-.585-.454A8.95 8.95 0 0 1 12.2 3M3.68 14.903a9.03 9.03 0 0 1 0-5.806l1.782 1.382a6.85 6.85 0 0 0 0 3.042ZM12.2 21a8.95 8.95 0 0 1-7.644-4.246l.379-.294l1.276-.99a6.89 6.89 0 0 0 5.989 3.552a7.3 7.3 0 0 0 3.306-.75l1.691 1.313A8.9 8.9 0 0 1 12.2 21m6.526-2.76l-.183-.143l-1.377-1.069a5.6 5.6 0 0 0 1.4-2.796a1 1 0 0 0-.984-1.182H13.2v-1.868h7.549q.051.518.051 1.046a9.05 9.05 0 0 1-2.074 6.011"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.602%2010.004a1%201%200%200%200-.984-.822H12.2a1%201%200%200%200-1%201v3.868a1%201%200%200%200%201%201h3.962a3.65%203.65%200%200%201-1.131%201.187a5.06%205.06%200%200%201-2.831.785a4.935%204.935%200%200%201-4.646-3.437v-.002a4.9%204.9%200%200%201%200-3.167v-.002A4.94%204.94%200%200%201%2012.2%206.978a4.38%204.38%200%200%201%203.131%201.217a1%201%200%200%200%201.399-.015l2.868-2.868a1%201%200%200%200-.025-1.439A10.62%2010.62%200%200%200%2012.2%201a10.95%2010.95%200%200%200-9.829%206.059l-.001.002A10.9%2010.9%200%200%200%201.2%2012a11.1%2011.1%200%200%200%201.17%204.94l.001.001A10.95%2010.95%200%200%200%2012.2%2023a10.53%2010.53%200%200%200%207.295-2.687l.001-.001a10.8%2010.8%200%200%200%203.304-8.084a12.5%2012.5%200%200%200-.198-2.224M12.2%203a8.7%208.7%200%200%201%205.209%201.673l-1.454%201.453A6.46%206.46%200%200%200%2012.2%204.978a6.89%206.89%200%200%200-5.99%203.55L5.142%207.7l-.585-.454A8.95%208.95%200%200%201%2012.2%203M3.68%2014.903a9.03%209.03%200%200%201%200-5.806l1.782%201.382a6.85%206.85%200%200%200%200%203.042ZM12.2%2021a8.95%208.95%200%200%201-7.644-4.246l.379-.294l1.276-.99a6.89%206.89%200%200%200%205.989%203.552a7.3%207.3%200%200%200%203.306-.75l1.691%201.313A8.9%208.9%200%200%201%2012.2%2021m6.526-2.76l-.183-.143l-1.377-1.069a5.6%205.6%200%200%200%201.4-2.796a1%201%200%200%200-.984-1.182H13.2v-1.868h7.549q.051.518.051%201.046a9.05%209.05%200%200%201-2.074%206.011%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.602%2010.004a1%201%200%200%200-.984-.822H12.2a1%201%200%200%200-1%201v3.868a1%201%200%200%200%201%201h3.962a3.65%203.65%200%200%201-1.131%201.187a5.06%205.06%200%200%201-2.831.785a4.935%204.935%200%200%201-4.646-3.437v-.002a4.9%204.9%200%200%201%200-3.167v-.002A4.94%204.94%200%200%201%2012.2%206.978a4.38%204.38%200%200%201%203.131%201.217a1%201%200%200%200%201.399-.015l2.868-2.868a1%201%200%200%200-.025-1.439A10.62%2010.62%200%200%200%2012.2%201a10.95%2010.95%200%200%200-9.829%206.059l-.001.002A10.9%2010.9%200%200%200%201.2%2012a11.1%2011.1%200%200%200%201.17%204.94l.001.001A10.95%2010.95%200%200%200%2012.2%2023a10.53%2010.53%200%200%200%207.295-2.687l.001-.001a10.8%2010.8%200%200%200%203.304-8.084a12.5%2012.5%200%200%200-.198-2.224M12.2%203a8.7%208.7%200%200%201%205.209%201.673l-1.454%201.453A6.46%206.46%200%200%200%2012.2%204.978a6.89%206.89%200%200%200-5.99%203.55L5.142%207.7l-.585-.454A8.95%208.95%200%200%201%2012.2%203M3.68%2014.903a9.03%209.03%200%200%201%200-5.806l1.782%201.382a6.85%206.85%200%200%200%200%203.042ZM12.2%2021a8.95%208.95%200%200%201-7.644-4.246l.379-.294l1.276-.99a6.89%206.89%200%200%200%205.989%203.552a7.3%207.3%200%200%200%203.306-.75l1.691%201.313A8.9%208.9%200%200%201%2012.2%2021m6.526-2.76l-.183-.143l-1.377-1.069a5.6%205.6%200%200%200%201.4-2.796a1%201%200%200%200-.984-1.182H13.2v-1.868h7.549q.051.518.051%201.046a9.05%209.05%200%200%201-2.074%206.011%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/google.svg?color=%231a73e8&size=48
