social google icon
social-google from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- social-google
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social google icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M325.862 275.558l-18.187-13.653-.063-.051c-5.827-4.579-9.952-8.313-9.952-14.685 0-6.979 5.049-11.824 10.896-17.436l.466-.449c20.025-15.171 44.726-34.286 44.726-74.556 0-26.934-11.916-44.729-23.28-57.729h12.969l60.322-33H270.308c-25.324 0-62.68 3.225-94.561 28.576l-.128.25c-21.809 18.111-34.828 44.584-34.828 70.691 0 21.197 8.706 42.159 23.885 57.447 21.428 21.579 48.302 26.127 67.074 26.127 1.462 0 2.956-.028 4.47-.093-.759 2.969-1.25 6.321-1.25 10.321 0 10.926 3.628 19.301 8.083 26.195-23.963 1.932-58.148 6.477-84.897 22.278-39.335 22.562-42.396 55.875-42.396 65.551 0 38.207 35.707 76.762 115.479 76.762 91.611 0 139.543-49.792 139.543-98.979-.001-37.159-22.837-55.668-44.92-73.567zM200.485 139.894c0-13.359 3.02-23.457 9.255-30.9 6.514-7.852 18.18-13.129 29.028-13.129 19.881 0 32.938 15.008 40.388 27.598 9.199 15.539 14.913 36.095 14.913 53.643 0 4.942 0 19.983-10.188 29.796-6.951 6.686-18.707 11.353-28.59 11.353-20.503 0-33.453-14.705-40.707-27.041-10.395-17.684-14.099-38.105-14.099-51.32zM321.6 367.974c0 27.444-25.212 44.493-65.799 44.493-48.058 0-80.347-20.603-80.347-51.265 0-26.14 21.54-36.789 37.8-42.521 18.944-6.064 44.297-7.305 50.062-7.305 3.907 0 6.087 0 8.683.229 36.701 25.211 49.601 36.128 49.601 56.369z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialGoogle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M325.862 275.558l-18.187-13.653-.063-.051c-5.827-4.579-9.952-8.313-9.952-14.685 0-6.979 5.049-11.824 10.896-17.436l.466-.449c20.025-15.171 44.726-34.286 44.726-74.556 0-26.934-11.916-44.729-23.28-57.729h12.969l60.322-33H270.308c-25.324 0-62.68 3.225-94.561 28.576l-.128.25c-21.809 18.111-34.828 44.584-34.828 70.691 0 21.197 8.706 42.159 23.885 57.447 21.428 21.579 48.302 26.127 67.074 26.127 1.462 0 2.956-.028 4.47-.093-.759 2.969-1.25 6.321-1.25 10.321 0 10.926 3.628 19.301 8.083 26.195-23.963 1.932-58.148 6.477-84.897 22.278-39.335 22.562-42.396 55.875-42.396 65.551 0 38.207 35.707 76.762 115.479 76.762 91.611 0 139.543-49.792 139.543-98.979-.001-37.159-22.837-55.668-44.92-73.567zM200.485 139.894c0-13.359 3.02-23.457 9.255-30.9 6.514-7.852 18.18-13.129 29.028-13.129 19.881 0 32.938 15.008 40.388 27.598 9.199 15.539 14.913 36.095 14.913 53.643 0 4.942 0 19.983-10.188 29.796-6.951 6.686-18.707 11.353-28.59 11.353-20.503 0-33.453-14.705-40.707-27.041-10.395-17.684-14.099-38.105-14.099-51.32zM321.6 367.974c0 27.444-25.212 44.493-65.799 44.493-48.058 0-80.347-20.603-80.347-51.265 0-26.14 21.54-36.789 37.8-42.521 18.944-6.064 44.297-7.305 50.062-7.305 3.907 0 6.087 0 8.683.229 36.701 25.211 49.601 36.128 49.601 56.369z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M325.862 275.558l-18.187-13.653-.063-.051c-5.827-4.579-9.952-8.313-9.952-14.685 0-6.979 5.049-11.824 10.896-17.436l.466-.449c20.025-15.171 44.726-34.286 44.726-74.556 0-26.934-11.916-44.729-23.28-57.729h12.969l60.322-33H270.308c-25.324 0-62.68 3.225-94.561 28.576l-.128.25c-21.809 18.111-34.828 44.584-34.828 70.691 0 21.197 8.706 42.159 23.885 57.447 21.428 21.579 48.302 26.127 67.074 26.127 1.462 0 2.956-.028 4.47-.093-.759 2.969-1.25 6.321-1.25 10.321 0 10.926 3.628 19.301 8.083 26.195-23.963 1.932-58.148 6.477-84.897 22.278-39.335 22.562-42.396 55.875-42.396 65.551 0 38.207 35.707 76.762 115.479 76.762 91.611 0 139.543-49.792 139.543-98.979-.001-37.159-22.837-55.668-44.92-73.567zM200.485 139.894c0-13.359 3.02-23.457 9.255-30.9 6.514-7.852 18.18-13.129 29.028-13.129 19.881 0 32.938 15.008 40.388 27.598 9.199 15.539 14.913 36.095 14.913 53.643 0 4.942 0 19.983-10.188 29.796-6.951 6.686-18.707 11.353-28.59 11.353-20.503 0-33.453-14.705-40.707-27.041-10.395-17.684-14.099-38.105-14.099-51.32zM321.6 367.974c0 27.444-25.212 44.493-65.799 44.493-48.058 0-80.347-20.603-80.347-51.265 0-26.14 21.54-36.789 37.8-42.521 18.944-6.064 44.297-7.305 50.062-7.305 3.907 0 6.087 0 8.683.229 36.701 25.211 49.601 36.128 49.601 56.369z" fill="currentColor"/></svg> </template>
CSS
.icon-social-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%20d%3D%22M325.862%20275.558l-18.187-13.653-.063-.051c-5.827-4.579-9.952-8.313-9.952-14.685%200-6.979%205.049-11.824%2010.896-17.436l.466-.449c20.025-15.171%2044.726-34.286%2044.726-74.556%200-26.934-11.916-44.729-23.28-57.729h12.969l60.322-33H270.308c-25.324%200-62.68%203.225-94.561%2028.576l-.128.25c-21.809%2018.111-34.828%2044.584-34.828%2070.691%200%2021.197%208.706%2042.159%2023.885%2057.447%2021.428%2021.579%2048.302%2026.127%2067.074%2026.127%201.462%200%202.956-.028%204.47-.093-.759%202.969-1.25%206.321-1.25%2010.321%200%2010.926%203.628%2019.301%208.083%2026.195-23.963%201.932-58.148%206.477-84.897%2022.278-39.335%2022.562-42.396%2055.875-42.396%2065.551%200%2038.207%2035.707%2076.762%20115.479%2076.762%2091.611%200%20139.543-49.792%20139.543-98.979-.001-37.159-22.837-55.668-44.92-73.567zM200.485%20139.894c0-13.359%203.02-23.457%209.255-30.9%206.514-7.852%2018.18-13.129%2029.028-13.129%2019.881%200%2032.938%2015.008%2040.388%2027.598%209.199%2015.539%2014.913%2036.095%2014.913%2053.643%200%204.942%200%2019.983-10.188%2029.796-6.951%206.686-18.707%2011.353-28.59%2011.353-20.503%200-33.453-14.705-40.707-27.041-10.395-17.684-14.099-38.105-14.099-51.32zM321.6%20367.974c0%2027.444-25.212%2044.493-65.799%2044.493-48.058%200-80.347-20.603-80.347-51.265%200-26.14%2021.54-36.789%2037.8-42.521%2018.944-6.064%2044.297-7.305%2050.062-7.305%203.907%200%206.087%200%208.683.229%2036.701%2025.211%2049.601%2036.128%2049.601%2056.369z%22%20fill%3D%22currentColor%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%20d%3D%22M325.862%20275.558l-18.187-13.653-.063-.051c-5.827-4.579-9.952-8.313-9.952-14.685%200-6.979%205.049-11.824%2010.896-17.436l.466-.449c20.025-15.171%2044.726-34.286%2044.726-74.556%200-26.934-11.916-44.729-23.28-57.729h12.969l60.322-33H270.308c-25.324%200-62.68%203.225-94.561%2028.576l-.128.25c-21.809%2018.111-34.828%2044.584-34.828%2070.691%200%2021.197%208.706%2042.159%2023.885%2057.447%2021.428%2021.579%2048.302%2026.127%2067.074%2026.127%201.462%200%202.956-.028%204.47-.093-.759%202.969-1.25%206.321-1.25%2010.321%200%2010.926%203.628%2019.301%208.083%2026.195-23.963%201.932-58.148%206.477-84.897%2022.278-39.335%2022.562-42.396%2055.875-42.396%2065.551%200%2038.207%2035.707%2076.762%20115.479%2076.762%2091.611%200%20139.543-49.792%20139.543-98.979-.001-37.159-22.837-55.668-44.92-73.567zM200.485%20139.894c0-13.359%203.02-23.457%209.255-30.9%206.514-7.852%2018.18-13.129%2029.028-13.129%2019.881%200%2032.938%2015.008%2040.388%2027.598%209.199%2015.539%2014.913%2036.095%2014.913%2053.643%200%204.942%200%2019.983-10.188%2029.796-6.951%206.686-18.707%2011.353-28.59%2011.353-20.503%200-33.453-14.705-40.707-27.041-10.395-17.684-14.099-38.105-14.099-51.32zM321.6%20367.974c0%2027.444-25.212%2044.493-65.799%2044.493-48.058%200-80.347-20.603-80.347-51.265%200-26.14%2021.54-36.789%2037.8-42.521%2018.944-6.064%2044.297-7.305%2050.062-7.305%203.907%200%206.087%200%208.683.229%2036.701%2025.211%2049.601%2036.128%2049.601%2056.369z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-google.svg?color=%231a73e8&size=48
