googledataflow logo
googledataflow from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- googledataflow
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the googledataflow logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.856 9.6L3.72 9.564l.036-2.46l6.312-3.516L5.94 1.14L8.028 0l4.092 2.436h.012L16.284.108h.06l1.992 1.188l-4.188 2.352l6.168 3.684v2.46l-2.124-.036l.012-1.284L13.116 5.4l-.024 2.076l-1.224-.012v-.002l-.84-.01l.024-2.076l-5.172 2.94zm12.252 6.072l-5.16 2.94l.024-2.064l-2.064-.024l-.024 2.064l-5.1-3.072l.012-1.248H3.684v2.4l6.168 3.684l2.011 1.197l.005.015L15.972 24h.06l2.028-1.14l-4.128-2.448l-.02.011l.008-.023l6.324-3.516l.036-2.508l-2.148-.024zM5.664 22.704l1.992 1.188h.06l4.152-2.328l-2.016-1.212zm13.68-12.024a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736M4.656 13.224a1.368 1.368 0 1 0 0-2.736a1.368 1.368 0 0 0 0 2.736m7.416-5.004a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736m-.108 4.812a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGoogledataflow(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="M5.856 9.6L3.72 9.564l.036-2.46l6.312-3.516L5.94 1.14L8.028 0l4.092 2.436h.012L16.284.108h.06l1.992 1.188l-4.188 2.352l6.168 3.684v2.46l-2.124-.036l.012-1.284L13.116 5.4l-.024 2.076l-1.224-.012v-.002l-.84-.01l.024-2.076l-5.172 2.94zm12.252 6.072l-5.16 2.94l.024-2.064l-2.064-.024l-.024 2.064l-5.1-3.072l.012-1.248H3.684v2.4l6.168 3.684l2.011 1.197l.005.015L15.972 24h.06l2.028-1.14l-4.128-2.448l-.02.011l.008-.023l6.324-3.516l.036-2.508l-2.148-.024zM5.664 22.704l1.992 1.188h.06l4.152-2.328l-2.016-1.212zm13.68-12.024a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736M4.656 13.224a1.368 1.368 0 1 0 0-2.736a1.368 1.368 0 0 0 0 2.736m7.416-5.004a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736m-.108 4.812a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.856 9.6L3.72 9.564l.036-2.46l6.312-3.516L5.94 1.14L8.028 0l4.092 2.436h.012L16.284.108h.06l1.992 1.188l-4.188 2.352l6.168 3.684v2.46l-2.124-.036l.012-1.284L13.116 5.4l-.024 2.076l-1.224-.012v-.002l-.84-.01l.024-2.076l-5.172 2.94zm12.252 6.072l-5.16 2.94l.024-2.064l-2.064-.024l-.024 2.064l-5.1-3.072l.012-1.248H3.684v2.4l6.168 3.684l2.011 1.197l.005.015L15.972 24h.06l2.028-1.14l-4.128-2.448l-.02.011l.008-.023l6.324-3.516l.036-2.508l-2.148-.024zM5.664 22.704l1.992 1.188h.06l4.152-2.328l-2.016-1.212zm13.68-12.024a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736M4.656 13.224a1.368 1.368 0 1 0 0-2.736a1.368 1.368 0 0 0 0 2.736m7.416-5.004a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736m-.108 4.812a1.368 1.368 0 1 0 0 2.736a1.368 1.368 0 0 0 0-2.736"/></svg> </template>
CSS
.icon-googledataflow {
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%22M5.856%209.6L3.72%209.564l.036-2.46l6.312-3.516L5.94%201.14L8.028%200l4.092%202.436h.012L16.284.108h.06l1.992%201.188l-4.188%202.352l6.168%203.684v2.46l-2.124-.036l.012-1.284L13.116%205.4l-.024%202.076l-1.224-.012v-.002l-.84-.01l.024-2.076l-5.172%202.94zm12.252%206.072l-5.16%202.94l.024-2.064l-2.064-.024l-.024%202.064l-5.1-3.072l.012-1.248H3.684v2.4l6.168%203.684l2.011%201.197l.005.015L15.972%2024h.06l2.028-1.14l-4.128-2.448l-.02.011l.008-.023l6.324-3.516l.036-2.508l-2.148-.024zM5.664%2022.704l1.992%201.188h.06l4.152-2.328l-2.016-1.212zm13.68-12.024a1.368%201.368%200%201%200%200%202.736a1.368%201.368%200%200%200%200-2.736M4.656%2013.224a1.368%201.368%200%201%200%200-2.736a1.368%201.368%200%200%200%200%202.736m7.416-5.004a1.368%201.368%200%201%200%200%202.736a1.368%201.368%200%200%200%200-2.736m-.108%204.812a1.368%201.368%200%201%200%200%202.736a1.368%201.368%200%200%200%200-2.736%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%22M5.856%209.6L3.72%209.564l.036-2.46l6.312-3.516L5.94%201.14L8.028%200l4.092%202.436h.012L16.284.108h.06l1.992%201.188l-4.188%202.352l6.168%203.684v2.46l-2.124-.036l.012-1.284L13.116%205.4l-.024%202.076l-1.224-.012v-.002l-.84-.01l.024-2.076l-5.172%202.94zm12.252%206.072l-5.16%202.94l.024-2.064l-2.064-.024l-.024%202.064l-5.1-3.072l.012-1.248H3.684v2.4l6.168%203.684l2.011%201.197l.005.015L15.972%2024h.06l2.028-1.14l-4.128-2.448l-.02.011l.008-.023l6.324-3.516l.036-2.508l-2.148-.024zM5.664%2022.704l1.992%201.188h.06l4.152-2.328l-2.016-1.212zm13.68-12.024a1.368%201.368%200%201%200%200%202.736a1.368%201.368%200%200%200%200-2.736M4.656%2013.224a1.368%201.368%200%201%200%200-2.736a1.368%201.368%200%200%200%200%202.736m7.416-5.004a1.368%201.368%200%201%200%200%202.736a1.368%201.368%200%200%200%200-2.736m-.108%204.812a1.368%201.368%200%201%200%200%202.736a1.368%201.368%200%200%200%200-2.736%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/googledataflow.svg?color=%231a73e8&size=48
