googlecloudspanner logo
googlecloudspanner from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- googlecloudspanner
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the googlecloudspanner logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9.06L7.944 6.864V2.388L10.38.924v3.66l1.62.744l1.62-.744V.924l2.436 1.464v4.476zm-8.124 4.752L0 16.056v2.988l3.228-1.86l1.404.912l.096 1.632l-3.24 1.872l2.616 1.476l3.828-2.268l-.132-4.596zm9.732-.9V8.758l-1.37.742l-.238.129l-.238-.13l-1.37-.741v4.154l-3.613 2.09l1.282.783l.231.142l.008.27l.046 1.612L12 15.696l3.595 2.079l.045-1.59l.008-.27l.231-.142l1.301-.795zm7.164 4.272L24 19.044v-2.988L20.064 13.8l-3.924 2.4l-.132 4.596l3.888 2.244l2.616-1.44l-3.24-1.836l.096-1.668z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGooglecloudspanner(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9.06L7.944 6.864V2.388L10.38.924v3.66l1.62.744l1.62-.744V.924l2.436 1.464v4.476zm-8.124 4.752L0 16.056v2.988l3.228-1.86l1.404.912l.096 1.632l-3.24 1.872l2.616 1.476l3.828-2.268l-.132-4.596zm9.732-.9V8.758l-1.37.742l-.238.129l-.238-.13l-1.37-.741v4.154l-3.613 2.09l1.282.783l.231.142l.008.27l.046 1.612L12 15.696l3.595 2.079l.045-1.59l.008-.27l.231-.142l1.301-.795zm7.164 4.272L24 19.044v-2.988L20.064 13.8l-3.924 2.4l-.132 4.596l3.888 2.244l2.616-1.44l-3.24-1.836l.096-1.668z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9.06L7.944 6.864V2.388L10.38.924v3.66l1.62.744l1.62-.744V.924l2.436 1.464v4.476zm-8.124 4.752L0 16.056v2.988l3.228-1.86l1.404.912l.096 1.632l-3.24 1.872l2.616 1.476l3.828-2.268l-.132-4.596zm9.732-.9V8.758l-1.37.742l-.238.129l-.238-.13l-1.37-.741v4.154l-3.613 2.09l1.282.783l.231.142l.008.27l.046 1.612L12 15.696l3.595 2.079l.045-1.59l.008-.27l.231-.142l1.301-.795zm7.164 4.272L24 19.044v-2.988L20.064 13.8l-3.924 2.4l-.132 4.596l3.888 2.244l2.616-1.44l-3.24-1.836l.096-1.668z"/></svg> </template>
CSS
.icon-googlecloudspanner {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%209.06L7.944%206.864V2.388L10.38.924v3.66l1.62.744l1.62-.744V.924l2.436%201.464v4.476zm-8.124%204.752L0%2016.056v2.988l3.228-1.86l1.404.912l.096%201.632l-3.24%201.872l2.616%201.476l3.828-2.268l-.132-4.596zm9.732-.9V8.758l-1.37.742l-.238.129l-.238-.13l-1.37-.741v4.154l-3.613%202.09l1.282.783l.231.142l.008.27l.046%201.612L12%2015.696l3.595%202.079l.045-1.59l.008-.27l.231-.142l1.301-.795zm7.164%204.272L24%2019.044v-2.988L20.064%2013.8l-3.924%202.4l-.132%204.596l3.888%202.244l2.616-1.44l-3.24-1.836l.096-1.668z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%209.06L7.944%206.864V2.388L10.38.924v3.66l1.62.744l1.62-.744V.924l2.436%201.464v4.476zm-8.124%204.752L0%2016.056v2.988l3.228-1.86l1.404.912l.096%201.632l-3.24%201.872l2.616%201.476l3.828-2.268l-.132-4.596zm9.732-.9V8.758l-1.37.742l-.238.129l-.238-.13l-1.37-.741v4.154l-3.613%202.09l1.282.783l.231.142l.008.27l.046%201.612L12%2015.696l3.595%202.079l.045-1.59l.008-.27l.231-.142l1.301-.795zm7.164%204.272L24%2019.044v-2.988L20.064%2013.8l-3.924%202.4l-.132%204.596l3.888%202.244l2.616-1.44l-3.24-1.836l.096-1.668z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/googlecloudspanner.svg?color=%231a73e8&size=48
