google plus circle icon

google-plus-circle-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name: google-plus-circle-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT
Aliases: google-plus-circle, google-plus-circle-fill

The same icon in other sets

google-plus-circleBoxicons Brands google-plus-circleJam Icons

Related icons in Ant Design Icons

google-circle-filled google-plus-outlined google-plus-square-filled google-square-filled

Use the google plus circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m36.5 558.8c-43.9 61.8-132.1 79.8-200.9 53.3c-69-26.3-118-99.2-112.1-173.5c1.5-90.9 85.2-170.6 176.1-167.5c43.6-2 84.6 16.9 118 43.6c-14.3 16.2-29 31.8-44.8 46.3c-40.1-27.7-97.2-35.6-137.3-3.6c-57.4 39.7-60 133.4-4.8 176.1c53.7 48.7 155.2 24.5 170.1-50.1c-33.6-.5-67.4 0-101-1.1c-.1-20.1-.2-40.1-.1-60.2c56.2-.2 112.5-.3 168.8.2c3.3 47.3-3 97.5-32 136.5M791 536.5c-16.8.2-33.6.3-50.4.4q-.3 25.2-.3 50.4H690c-.2-16.8-.2-33.5-.3-50.3c-16.8-.2-33.6-.3-50.4-.5v-50.1q25.2-.3 50.4-.3c.1-16.8.3-33.6.4-50.4h50.2l.3 50.4c16.8.2 33.6.2 50.4.3z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignGooglePlusCircleFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m36.5 558.8c-43.9 61.8-132.1 79.8-200.9 53.3c-69-26.3-118-99.2-112.1-173.5c1.5-90.9 85.2-170.6 176.1-167.5c43.6-2 84.6 16.9 118 43.6c-14.3 16.2-29 31.8-44.8 46.3c-40.1-27.7-97.2-35.6-137.3-3.6c-57.4 39.7-60 133.4-4.8 176.1c53.7 48.7 155.2 24.5 170.1-50.1c-33.6-.5-67.4 0-101-1.1c-.1-20.1-.2-40.1-.1-60.2c56.2-.2 112.5-.3 168.8.2c3.3 47.3-3 97.5-32 136.5M791 536.5c-16.8.2-33.6.3-50.4.4q-.3 25.2-.3 50.4H690c-.2-16.8-.2-33.5-.3-50.3c-16.8-.2-33.6-.3-50.4-.5v-50.1q25.2-.3 50.4-.3c.1-16.8.3-33.6.4-50.4h50.2l.3 50.4c16.8.2 33.6.2 50.4.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m36.5 558.8c-43.9 61.8-132.1 79.8-200.9 53.3c-69-26.3-118-99.2-112.1-173.5c1.5-90.9 85.2-170.6 176.1-167.5c43.6-2 84.6 16.9 118 43.6c-14.3 16.2-29 31.8-44.8 46.3c-40.1-27.7-97.2-35.6-137.3-3.6c-57.4 39.7-60 133.4-4.8 176.1c53.7 48.7 155.2 24.5 170.1-50.1c-33.6-.5-67.4 0-101-1.1c-.1-20.1-.2-40.1-.1-60.2c56.2-.2 112.5-.3 168.8.2c3.3 47.3-3 97.5-32 136.5M791 536.5c-16.8.2-33.6.3-50.4.4q-.3 25.2-.3 50.4H690c-.2-16.8-.2-33.5-.3-50.3c-16.8-.2-33.6-.3-50.4-.5v-50.1q25.2-.3 50.4-.3c.1-16.8.3-33.6.4-50.4h50.2l.3 50.4c16.8.2 33.6.2 50.4.3z"/></svg>
</template>

CSS

.icon-google-plus-circle-filled {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m36.5%20558.8c-43.9%2061.8-132.1%2079.8-200.9%2053.3c-69-26.3-118-99.2-112.1-173.5c1.5-90.9%2085.2-170.6%20176.1-167.5c43.6-2%2084.6%2016.9%20118%2043.6c-14.3%2016.2-29%2031.8-44.8%2046.3c-40.1-27.7-97.2-35.6-137.3-3.6c-57.4%2039.7-60%20133.4-4.8%20176.1c53.7%2048.7%20155.2%2024.5%20170.1-50.1c-33.6-.5-67.4%200-101-1.1c-.1-20.1-.2-40.1-.1-60.2c56.2-.2%20112.5-.3%20168.8.2c3.3%2047.3-3%2097.5-32%20136.5M791%20536.5c-16.8.2-33.6.3-50.4.4q-.3%2025.2-.3%2050.4H690c-.2-16.8-.2-33.5-.3-50.3c-16.8-.2-33.6-.3-50.4-.5v-50.1q25.2-.3%2050.4-.3c.1-16.8.3-33.6.4-50.4h50.2l.3%2050.4c16.8.2%2033.6.2%2050.4.3z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m36.5%20558.8c-43.9%2061.8-132.1%2079.8-200.9%2053.3c-69-26.3-118-99.2-112.1-173.5c1.5-90.9%2085.2-170.6%20176.1-167.5c43.6-2%2084.6%2016.9%20118%2043.6c-14.3%2016.2-29%2031.8-44.8%2046.3c-40.1-27.7-97.2-35.6-137.3-3.6c-57.4%2039.7-60%20133.4-4.8%20176.1c53.7%2048.7%20155.2%2024.5%20170.1-50.1c-33.6-.5-67.4%200-101-1.1c-.1-20.1-.2-40.1-.1-60.2c56.2-.2%20112.5-.3%20168.8.2c3.3%2047.3-3%2097.5-32%20136.5M791%20536.5c-16.8.2-33.6.3-50.4.4q-.3%2025.2-.3%2050.4H690c-.2-16.8-.2-33.5-.3-50.3c-16.8-.2-33.6-.3-50.4-.5v-50.1q25.2-.3%2050.4-.3c.1-16.8.3-33.6.4-50.4h50.2l.3%2050.4c16.8.2%2033.6.2%2050.4.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/google-plus-circle-filled.svg?color=%231a73e8&size=48