google cloud logo
google-cloud from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- google-cloud
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Related icons in CoreUI Brands
Use the google cloud logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.255 3.172a12.46 12.46 0 0 0-12.313 9.193c.068-.026-.073.016 0 0c-5.167 3.401-5.229 10.812-.328 14.589l.005-.01l-.01.042a8.98 8.98 0 0 0 5.438 1.807h6.896l.042.036h6.922c8.917.073 12.5-11.469 5.115-16.464a12.45 12.45 0 0 0-3.76-6.068l-.057.057l.005-.068a12.47 12.47 0 0 0-7.953-3.115zm-.479 5.531c1.656-.057 3.359.49 4.646 1.531a6.91 6.91 0 0 1 2.484 5.438v.693c4.708-.094 4.708 7.016 0 6.922h-6.922l-.01.01v-.052H9.047c-.49 0-.974-.104-1.422-.307c-2.203-.995-2.729-3.891-1.021-5.604c1.714-1.708 4.604-1.182 5.604 1.021l4.016-4.016a9 9 0 0 0-5.411-3.354c.026-.01.052-.031.073-.026a6.9 6.9 0 0 1 4.896-2.255z"/></svg>
React
import type { SVGProps } from "react";
export function CibGoogleCloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.255 3.172a12.46 12.46 0 0 0-12.313 9.193c.068-.026-.073.016 0 0c-5.167 3.401-5.229 10.812-.328 14.589l.005-.01l-.01.042a8.98 8.98 0 0 0 5.438 1.807h6.896l.042.036h6.922c8.917.073 12.5-11.469 5.115-16.464a12.45 12.45 0 0 0-3.76-6.068l-.057.057l.005-.068a12.47 12.47 0 0 0-7.953-3.115zm-.479 5.531c1.656-.057 3.359.49 4.646 1.531a6.91 6.91 0 0 1 2.484 5.438v.693c4.708-.094 4.708 7.016 0 6.922h-6.922l-.01.01v-.052H9.047c-.49 0-.974-.104-1.422-.307c-2.203-.995-2.729-3.891-1.021-5.604c1.714-1.708 4.604-1.182 5.604 1.021l4.016-4.016a9 9 0 0 0-5.411-3.354c.026-.01.052-.031.073-.026a6.9 6.9 0 0 1 4.896-2.255z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.255 3.172a12.46 12.46 0 0 0-12.313 9.193c.068-.026-.073.016 0 0c-5.167 3.401-5.229 10.812-.328 14.589l.005-.01l-.01.042a8.98 8.98 0 0 0 5.438 1.807h6.896l.042.036h6.922c8.917.073 12.5-11.469 5.115-16.464a12.45 12.45 0 0 0-3.76-6.068l-.057.057l.005-.068a12.47 12.47 0 0 0-7.953-3.115zm-.479 5.531c1.656-.057 3.359.49 4.646 1.531a6.91 6.91 0 0 1 2.484 5.438v.693c4.708-.094 4.708 7.016 0 6.922h-6.922l-.01.01v-.052H9.047c-.49 0-.974-.104-1.422-.307c-2.203-.995-2.729-3.891-1.021-5.604c1.714-1.708 4.604-1.182 5.604 1.021l4.016-4.016a9 9 0 0 0-5.411-3.354c.026-.01.052-.031.073-.026a6.9 6.9 0 0 1 4.896-2.255z"/></svg> </template>
CSS
.icon-google-cloud {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.255%203.172a12.46%2012.46%200%200%200-12.313%209.193c.068-.026-.073.016%200%200c-5.167%203.401-5.229%2010.812-.328%2014.589l.005-.01l-.01.042a8.98%208.98%200%200%200%205.438%201.807h6.896l.042.036h6.922c8.917.073%2012.5-11.469%205.115-16.464a12.45%2012.45%200%200%200-3.76-6.068l-.057.057l.005-.068a12.47%2012.47%200%200%200-7.953-3.115zm-.479%205.531c1.656-.057%203.359.49%204.646%201.531a6.91%206.91%200%200%201%202.484%205.438v.693c4.708-.094%204.708%207.016%200%206.922h-6.922l-.01.01v-.052H9.047c-.49%200-.974-.104-1.422-.307c-2.203-.995-2.729-3.891-1.021-5.604c1.714-1.708%204.604-1.182%205.604%201.021l4.016-4.016a9%209%200%200%200-5.411-3.354c.026-.01.052-.031.073-.026a6.9%206.9%200%200%201%204.896-2.255z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.255%203.172a12.46%2012.46%200%200%200-12.313%209.193c.068-.026-.073.016%200%200c-5.167%203.401-5.229%2010.812-.328%2014.589l.005-.01l-.01.042a8.98%208.98%200%200%200%205.438%201.807h6.896l.042.036h6.922c8.917.073%2012.5-11.469%205.115-16.464a12.45%2012.45%200%200%200-3.76-6.068l-.057.057l.005-.068a12.47%2012.47%200%200%200-7.953-3.115zm-.479%205.531c1.656-.057%203.359.49%204.646%201.531a6.91%206.91%200%200%201%202.484%205.438v.693c4.708-.094%204.708%207.016%200%206.922h-6.922l-.01.01v-.052H9.047c-.49%200-.974-.104-1.422-.307c-2.203-.995-2.729-3.891-1.021-5.604c1.714-1.708%204.604-1.182%205.604%201.021l4.016-4.016a9%209%200%200%200-5.411-3.354c.026-.01.052-.031.073-.026a6.9%206.9%200%200%201%204.896-2.255z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/google-cloud.svg?color=%231a73e8&size=48
