logo googleplus icon
logo-googleplus from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-googleplus
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
The same icon in other sets
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo googleplus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M318.2 230.9l-1.6-7H160V288h90.7c-9.4 45-48.4 63.6-84.1 63.6-26 0-50.2-7.8-68.3-25.3-18.6-18.1-28.9-43.1-28.9-70.4 0-27.1 9.8-51.8 27.6-69.6 17.7-17.7 42-25.4 68.7-25.4 30.5 0 49.9 13.8 58.1 21.1l48-47.7C258.3 122.6 221.5 93 164.1 93c-44.3 0-86.7 16.8-117.7 47.8C15.9 171.3 0 215.2 0 256s15 82.6 44.6 113.3C76.3 402 121.2 419 167.5 419c42.1 0 81.9-16.5 110.3-46.3 28-29.4 42.4-70.1 42.4-112.7-.1-18-1.9-28.7-2-29.1z" fill="currentColor"/><path d="M512 224h-57v-57h-41v57h-57v41h57v57h41v-57h57z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoGoogleplus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M318.2 230.9l-1.6-7H160V288h90.7c-9.4 45-48.4 63.6-84.1 63.6-26 0-50.2-7.8-68.3-25.3-18.6-18.1-28.9-43.1-28.9-70.4 0-27.1 9.8-51.8 27.6-69.6 17.7-17.7 42-25.4 68.7-25.4 30.5 0 49.9 13.8 58.1 21.1l48-47.7C258.3 122.6 221.5 93 164.1 93c-44.3 0-86.7 16.8-117.7 47.8C15.9 171.3 0 215.2 0 256s15 82.6 44.6 113.3C76.3 402 121.2 419 167.5 419c42.1 0 81.9-16.5 110.3-46.3 28-29.4 42.4-70.1 42.4-112.7-.1-18-1.9-28.7-2-29.1z" fill="currentColor"/><path d="M512 224h-57v-57h-41v57h-57v41h57v57h41v-57h57z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M318.2 230.9l-1.6-7H160V288h90.7c-9.4 45-48.4 63.6-84.1 63.6-26 0-50.2-7.8-68.3-25.3-18.6-18.1-28.9-43.1-28.9-70.4 0-27.1 9.8-51.8 27.6-69.6 17.7-17.7 42-25.4 68.7-25.4 30.5 0 49.9 13.8 58.1 21.1l48-47.7C258.3 122.6 221.5 93 164.1 93c-44.3 0-86.7 16.8-117.7 47.8C15.9 171.3 0 215.2 0 256s15 82.6 44.6 113.3C76.3 402 121.2 419 167.5 419c42.1 0 81.9-16.5 110.3-46.3 28-29.4 42.4-70.1 42.4-112.7-.1-18-1.9-28.7-2-29.1z" fill="currentColor"/><path d="M512 224h-57v-57h-41v57h-57v41h57v57h41v-57h57z" fill="currentColor"/></svg> </template>
CSS
.icon-logo-googleplus {
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%22M318.2%20230.9l-1.6-7H160V288h90.7c-9.4%2045-48.4%2063.6-84.1%2063.6-26%200-50.2-7.8-68.3-25.3-18.6-18.1-28.9-43.1-28.9-70.4%200-27.1%209.8-51.8%2027.6-69.6%2017.7-17.7%2042-25.4%2068.7-25.4%2030.5%200%2049.9%2013.8%2058.1%2021.1l48-47.7C258.3%20122.6%20221.5%2093%20164.1%2093c-44.3%200-86.7%2016.8-117.7%2047.8C15.9%20171.3%200%20215.2%200%20256s15%2082.6%2044.6%20113.3C76.3%20402%20121.2%20419%20167.5%20419c42.1%200%2081.9-16.5%20110.3-46.3%2028-29.4%2042.4-70.1%2042.4-112.7-.1-18-1.9-28.7-2-29.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M512%20224h-57v-57h-41v57h-57v41h57v57h41v-57h57z%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%22M318.2%20230.9l-1.6-7H160V288h90.7c-9.4%2045-48.4%2063.6-84.1%2063.6-26%200-50.2-7.8-68.3-25.3-18.6-18.1-28.9-43.1-28.9-70.4%200-27.1%209.8-51.8%2027.6-69.6%2017.7-17.7%2042-25.4%2068.7-25.4%2030.5%200%2049.9%2013.8%2058.1%2021.1l48-47.7C258.3%20122.6%20221.5%2093%20164.1%2093c-44.3%200-86.7%2016.8-117.7%2047.8C15.9%20171.3%200%20215.2%200%20256s15%2082.6%2044.6%20113.3C76.3%20402%20121.2%20419%20167.5%20419c42.1%200%2081.9-16.5%20110.3-46.3%2028-29.4%2042.4-70.1%2042.4-112.7-.1-18-1.9-28.7-2-29.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M512%20224h-57v-57h-41v57h-57v41h57v57h41v-57h57z%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/logo-googleplus.svg?color=%231a73e8&size=48
