google plus icon

google-plus-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: google-plus-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: google-plus, google-plus-outline

The same icon in other sets

google-plusBoxicons Brands google-plusFont Awesome 6 Brands google-plusFont Awesome Brands google-plusJam Icons google-plusLine Awesome google-plusSVG Logos google-plusMaterial Design Icons

Related icons in Ant Design Icons

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

Use the google plus icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M879.5 470.4c-.3-27-.4-54.2-.5-81.3h-80.8c-.3 27-.5 54.1-.7 81.3c-27.2.1-54.2.3-81.2.6v80.9c27 .3 54.2.5 81.2.8c.3 27 .3 54.1.5 81.1h80.9c.1-27 .3-54.1.5-81.3c27.2-.3 54.2-.4 81.2-.7v-80.9c-26.9-.2-54.1-.2-81.1-.5m-530 .4c-.1 32.3 0 64.7.1 97c54.2 1.8 108.5 1 162.7 1.8c-23.9 120.3-187.4 159.3-273.9 80.7c-89-68.9-84.8-220 7.7-284c64.7-51.6 156.6-38.9 221.3 5.8c25.4-23.5 49.2-48.7 72.1-74.7c-53.8-42.9-119.8-73.5-190-70.3c-146.6-4.9-281.3 123.5-283.7 270.2c-9.4 119.9 69.4 237.4 180.6 279.8c110.8 42.7 252.9 13.6 323.7-86c46.7-62.9 56.8-143.9 51.3-220c-90.7-.7-181.3-.6-271.9-.3"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignGooglePlusOutlined(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="M879.5 470.4c-.3-27-.4-54.2-.5-81.3h-80.8c-.3 27-.5 54.1-.7 81.3c-27.2.1-54.2.3-81.2.6v80.9c27 .3 54.2.5 81.2.8c.3 27 .3 54.1.5 81.1h80.9c.1-27 .3-54.1.5-81.3c27.2-.3 54.2-.4 81.2-.7v-80.9c-26.9-.2-54.1-.2-81.1-.5m-530 .4c-.1 32.3 0 64.7.1 97c54.2 1.8 108.5 1 162.7 1.8c-23.9 120.3-187.4 159.3-273.9 80.7c-89-68.9-84.8-220 7.7-284c64.7-51.6 156.6-38.9 221.3 5.8c25.4-23.5 49.2-48.7 72.1-74.7c-53.8-42.9-119.8-73.5-190-70.3c-146.6-4.9-281.3 123.5-283.7 270.2c-9.4 119.9 69.4 237.4 180.6 279.8c110.8 42.7 252.9 13.6 323.7-86c46.7-62.9 56.8-143.9 51.3-220c-90.7-.7-181.3-.6-271.9-.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M879.5 470.4c-.3-27-.4-54.2-.5-81.3h-80.8c-.3 27-.5 54.1-.7 81.3c-27.2.1-54.2.3-81.2.6v80.9c27 .3 54.2.5 81.2.8c.3 27 .3 54.1.5 81.1h80.9c.1-27 .3-54.1.5-81.3c27.2-.3 54.2-.4 81.2-.7v-80.9c-26.9-.2-54.1-.2-81.1-.5m-530 .4c-.1 32.3 0 64.7.1 97c54.2 1.8 108.5 1 162.7 1.8c-23.9 120.3-187.4 159.3-273.9 80.7c-89-68.9-84.8-220 7.7-284c64.7-51.6 156.6-38.9 221.3 5.8c25.4-23.5 49.2-48.7 72.1-74.7c-53.8-42.9-119.8-73.5-190-70.3c-146.6-4.9-281.3 123.5-283.7 270.2c-9.4 119.9 69.4 237.4 180.6 279.8c110.8 42.7 252.9 13.6 323.7-86c46.7-62.9 56.8-143.9 51.3-220c-90.7-.7-181.3-.6-271.9-.3"/></svg>
</template>

CSS

.icon-google-plus-outlined {
  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%22M879.5%20470.4c-.3-27-.4-54.2-.5-81.3h-80.8c-.3%2027-.5%2054.1-.7%2081.3c-27.2.1-54.2.3-81.2.6v80.9c27%20.3%2054.2.5%2081.2.8c.3%2027%20.3%2054.1.5%2081.1h80.9c.1-27%20.3-54.1.5-81.3c27.2-.3%2054.2-.4%2081.2-.7v-80.9c-26.9-.2-54.1-.2-81.1-.5m-530%20.4c-.1%2032.3%200%2064.7.1%2097c54.2%201.8%20108.5%201%20162.7%201.8c-23.9%20120.3-187.4%20159.3-273.9%2080.7c-89-68.9-84.8-220%207.7-284c64.7-51.6%20156.6-38.9%20221.3%205.8c25.4-23.5%2049.2-48.7%2072.1-74.7c-53.8-42.9-119.8-73.5-190-70.3c-146.6-4.9-281.3%20123.5-283.7%20270.2c-9.4%20119.9%2069.4%20237.4%20180.6%20279.8c110.8%2042.7%20252.9%2013.6%20323.7-86c46.7-62.9%2056.8-143.9%2051.3-220c-90.7-.7-181.3-.6-271.9-.3%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%22M879.5%20470.4c-.3-27-.4-54.2-.5-81.3h-80.8c-.3%2027-.5%2054.1-.7%2081.3c-27.2.1-54.2.3-81.2.6v80.9c27%20.3%2054.2.5%2081.2.8c.3%2027%20.3%2054.1.5%2081.1h80.9c.1-27%20.3-54.1.5-81.3c27.2-.3%2054.2-.4%2081.2-.7v-80.9c-26.9-.2-54.1-.2-81.1-.5m-530%20.4c-.1%2032.3%200%2064.7.1%2097c54.2%201.8%20108.5%201%20162.7%201.8c-23.9%20120.3-187.4%20159.3-273.9%2080.7c-89-68.9-84.8-220%207.7-284c64.7-51.6%20156.6-38.9%20221.3%205.8c25.4-23.5%2049.2-48.7%2072.1-74.7c-53.8-42.9-119.8-73.5-190-70.3c-146.6-4.9-281.3%20123.5-283.7%20270.2c-9.4%20119.9%2069.4%20237.4%20180.6%20279.8c110.8%2042.7%20252.9%2013.6%20323.7-86c46.7-62.9%2056.8-143.9%2051.3-220c-90.7-.7-181.3-.6-271.9-.3%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-outlined.svg?color=%231a73e8&size=48