social google icon
social-google-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-google-outline
- Set
- IonIcons
- Style
- Outline
- 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="M319.408 82.141c11.779 9.576 36.43 29.718 36.43 68.043 0 37.295-21.547 54.934-43.094 71.545-6.695 6.561-14.385 13.608-14.385 24.701 0 11.092 7.689 17.153 13.336 21.671l18.473 14.108c22.598 18.641 43.125 35.795 43.125 70.559 0 47.373-46.721 95.232-135.003 95.232-74.428 0-110.343-34.766-110.343-72.061 0-18.139 9.245-43.827 39.525-61.48 31.798-19.142 74.952-21.657 98.023-23.172-7.178-9.078-15.382-18.67-15.382-34.265 0-8.577 2.557-13.609 5.12-19.655-5.648.5-11.283 1-16.42 1-54.408 0-85.214-39.811-85.214-79.107 0-23.186 10.802-48.902 32.856-67.543C215.724 68.031 250.637 64 278.328 64h105.725l-32.846 18.141h-31.799zm-36.453 223.755c-4.137-.501-6.684-.501-11.793-.501-4.629 0-32.348 1.002-53.895 8.049-11.3 4.046-44.146 16.125-44.146 51.918 0 35.78 35.393 61.467 90.339 61.467 49.283 0 75.432-23.156 75.432-54.404.001-25.718-16.921-39.312-55.937-66.529m14.879-95.748c11.824-11.592 12.844-27.73 12.844-36.793 0-36.281-22.086-92.73-64.671-92.73-13.339 0-27.724 6.547-35.948 16.639-8.722 10.593-11.284 24.188-11.284 37.281 0 33.764 20.005 89.727 64.163 89.727 12.826-.001 26.656-6.06 34.896-14.124" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialGoogleOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M319.408 82.141c11.779 9.576 36.43 29.718 36.43 68.043 0 37.295-21.547 54.934-43.094 71.545-6.695 6.561-14.385 13.608-14.385 24.701 0 11.092 7.689 17.153 13.336 21.671l18.473 14.108c22.598 18.641 43.125 35.795 43.125 70.559 0 47.373-46.721 95.232-135.003 95.232-74.428 0-110.343-34.766-110.343-72.061 0-18.139 9.245-43.827 39.525-61.48 31.798-19.142 74.952-21.657 98.023-23.172-7.178-9.078-15.382-18.67-15.382-34.265 0-8.577 2.557-13.609 5.12-19.655-5.648.5-11.283 1-16.42 1-54.408 0-85.214-39.811-85.214-79.107 0-23.186 10.802-48.902 32.856-67.543C215.724 68.031 250.637 64 278.328 64h105.725l-32.846 18.141h-31.799zm-36.453 223.755c-4.137-.501-6.684-.501-11.793-.501-4.629 0-32.348 1.002-53.895 8.049-11.3 4.046-44.146 16.125-44.146 51.918 0 35.78 35.393 61.467 90.339 61.467 49.283 0 75.432-23.156 75.432-54.404.001-25.718-16.921-39.312-55.937-66.529m14.879-95.748c11.824-11.592 12.844-27.73 12.844-36.793 0-36.281-22.086-92.73-64.671-92.73-13.339 0-27.724 6.547-35.948 16.639-8.722 10.593-11.284 24.188-11.284 37.281 0 33.764 20.005 89.727 64.163 89.727 12.826-.001 26.656-6.06 34.896-14.124" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M319.408 82.141c11.779 9.576 36.43 29.718 36.43 68.043 0 37.295-21.547 54.934-43.094 71.545-6.695 6.561-14.385 13.608-14.385 24.701 0 11.092 7.689 17.153 13.336 21.671l18.473 14.108c22.598 18.641 43.125 35.795 43.125 70.559 0 47.373-46.721 95.232-135.003 95.232-74.428 0-110.343-34.766-110.343-72.061 0-18.139 9.245-43.827 39.525-61.48 31.798-19.142 74.952-21.657 98.023-23.172-7.178-9.078-15.382-18.67-15.382-34.265 0-8.577 2.557-13.609 5.12-19.655-5.648.5-11.283 1-16.42 1-54.408 0-85.214-39.811-85.214-79.107 0-23.186 10.802-48.902 32.856-67.543C215.724 68.031 250.637 64 278.328 64h105.725l-32.846 18.141h-31.799zm-36.453 223.755c-4.137-.501-6.684-.501-11.793-.501-4.629 0-32.348 1.002-53.895 8.049-11.3 4.046-44.146 16.125-44.146 51.918 0 35.78 35.393 61.467 90.339 61.467 49.283 0 75.432-23.156 75.432-54.404.001-25.718-16.921-39.312-55.937-66.529m14.879-95.748c11.824-11.592 12.844-27.73 12.844-36.793 0-36.281-22.086-92.73-64.671-92.73-13.339 0-27.724 6.547-35.948 16.639-8.722 10.593-11.284 24.188-11.284 37.281 0 33.764 20.005 89.727 64.163 89.727 12.826-.001 26.656-6.06 34.896-14.124" fill="currentColor"/></svg> </template>
CSS
.icon-social-google-outline {
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%22M319.408%2082.141c11.779%209.576%2036.43%2029.718%2036.43%2068.043%200%2037.295-21.547%2054.934-43.094%2071.545-6.695%206.561-14.385%2013.608-14.385%2024.701%200%2011.092%207.689%2017.153%2013.336%2021.671l18.473%2014.108c22.598%2018.641%2043.125%2035.795%2043.125%2070.559%200%2047.373-46.721%2095.232-135.003%2095.232-74.428%200-110.343-34.766-110.343-72.061%200-18.139%209.245-43.827%2039.525-61.48%2031.798-19.142%2074.952-21.657%2098.023-23.172-7.178-9.078-15.382-18.67-15.382-34.265%200-8.577%202.557-13.609%205.12-19.655-5.648.5-11.283%201-16.42%201-54.408%200-85.214-39.811-85.214-79.107%200-23.186%2010.802-48.902%2032.856-67.543C215.724%2068.031%20250.637%2064%20278.328%2064h105.725l-32.846%2018.141h-31.799zm-36.453%20223.755c-4.137-.501-6.684-.501-11.793-.501-4.629%200-32.348%201.002-53.895%208.049-11.3%204.046-44.146%2016.125-44.146%2051.918%200%2035.78%2035.393%2061.467%2090.339%2061.467%2049.283%200%2075.432-23.156%2075.432-54.404.001-25.718-16.921-39.312-55.937-66.529m14.879-95.748c11.824-11.592%2012.844-27.73%2012.844-36.793%200-36.281-22.086-92.73-64.671-92.73-13.339%200-27.724%206.547-35.948%2016.639-8.722%2010.593-11.284%2024.188-11.284%2037.281%200%2033.764%2020.005%2089.727%2064.163%2089.727%2012.826-.001%2026.656-6.06%2034.896-14.124%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%22M319.408%2082.141c11.779%209.576%2036.43%2029.718%2036.43%2068.043%200%2037.295-21.547%2054.934-43.094%2071.545-6.695%206.561-14.385%2013.608-14.385%2024.701%200%2011.092%207.689%2017.153%2013.336%2021.671l18.473%2014.108c22.598%2018.641%2043.125%2035.795%2043.125%2070.559%200%2047.373-46.721%2095.232-135.003%2095.232-74.428%200-110.343-34.766-110.343-72.061%200-18.139%209.245-43.827%2039.525-61.48%2031.798-19.142%2074.952-21.657%2098.023-23.172-7.178-9.078-15.382-18.67-15.382-34.265%200-8.577%202.557-13.609%205.12-19.655-5.648.5-11.283%201-16.42%201-54.408%200-85.214-39.811-85.214-79.107%200-23.186%2010.802-48.902%2032.856-67.543C215.724%2068.031%20250.637%2064%20278.328%2064h105.725l-32.846%2018.141h-31.799zm-36.453%20223.755c-4.137-.501-6.684-.501-11.793-.501-4.629%200-32.348%201.002-53.895%208.049-11.3%204.046-44.146%2016.125-44.146%2051.918%200%2035.78%2035.393%2061.467%2090.339%2061.467%2049.283%200%2075.432-23.156%2075.432-54.404.001-25.718-16.921-39.312-55.937-66.529m14.879-95.748c11.824-11.592%2012.844-27.73%2012.844-36.793%200-36.281-22.086-92.73-64.671-92.73-13.339%200-27.724%206.547-35.948%2016.639-8.722%2010.593-11.284%2024.188-11.284%2037.281%200%2033.764%2020.005%2089.727%2064.163%2089.727%2012.826-.001%2026.656-6.06%2034.896-14.124%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-outline.svg?color=%231a73e8&size=48
