google data studio logo

google-data-studio from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
google-data-studio
Set
SVG Logos
Style
Color
Viewbox
256×239
License
CC0

Related icons in SVG Logos

google-2014google-360suitegoogle-admobgoogle-adsgoogle-adsensegoogle-adwordsgoogle-aistudiogoogle-aistudio-darkgoogle-analyticsgoogle-bardgoogle-bard-icongoogle-calendargoogle-calendar-2020google-cloudgoogle-cloud-functionsgoogle-cloud-platformgoogle-cloud-rungoogle-currentsgoogle-developersgoogle-developers-icongoogle-domainsgoogle-domains-icongoogle-drivegoogle-drive-2020

Use the google data studio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 239"><path fill="#669df6" d="M224.022 173.159h-92.959c-22.48 0-35.07 15.736-35.07 32.485c0 15.455 10.679 32.484 35.07 32.484h92.959z"/><ellipse cx="224.022" cy="205.587" fill="#1a73e8" rx="31.979" ry="32.485"/><path fill="#669df6" d="M128.028 86.551H35.07C12.59 86.551 0 102.288 0 119.036c0 15.456 10.678 32.485 35.07 32.485h92.958z"/><ellipse cx="128.028" cy="119.036" fill="#1a73e8" rx="31.979" ry="32.485"/><path fill="#669df6" d="M224.022 0h-92.959c-22.48 0-35.07 15.737-35.07 32.485c0 15.455 10.679 32.485 35.07 32.485h92.959z"/><ellipse cx="224.022" cy="32.485" fill="#1a73e8" rx="31.979" ry="32.485"/></svg>

React

import type { SVGProps } from "react";

export function LogosGoogleDataStudio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 239"><path fill="#669df6" d="M224.022 173.159h-92.959c-22.48 0-35.07 15.736-35.07 32.485c0 15.455 10.679 32.484 35.07 32.484h92.959z"/><ellipse cx="224.022" cy="205.587" fill="#1a73e8" rx="31.979" ry="32.485"/><path fill="#669df6" d="M128.028 86.551H35.07C12.59 86.551 0 102.288 0 119.036c0 15.456 10.678 32.485 35.07 32.485h92.958z"/><ellipse cx="128.028" cy="119.036" fill="#1a73e8" rx="31.979" ry="32.485"/><path fill="#669df6" d="M224.022 0h-92.959c-22.48 0-35.07 15.737-35.07 32.485c0 15.455 10.679 32.485 35.07 32.485h92.959z"/><ellipse cx="224.022" cy="32.485" fill="#1a73e8" rx="31.979" ry="32.485"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 239"><path fill="#669df6" d="M224.022 173.159h-92.959c-22.48 0-35.07 15.736-35.07 32.485c0 15.455 10.679 32.484 35.07 32.484h92.959z"/><ellipse cx="224.022" cy="205.587" fill="#1a73e8" rx="31.979" ry="32.485"/><path fill="#669df6" d="M128.028 86.551H35.07C12.59 86.551 0 102.288 0 119.036c0 15.456 10.678 32.485 35.07 32.485h92.958z"/><ellipse cx="128.028" cy="119.036" fill="#1a73e8" rx="31.979" ry="32.485"/><path fill="#669df6" d="M224.022 0h-92.959c-22.48 0-35.07 15.737-35.07 32.485c0 15.455 10.679 32.485 35.07 32.485h92.959z"/><ellipse cx="224.022" cy="32.485" fill="#1a73e8" rx="31.979" ry="32.485"/></svg>
</template>

CSS

.icon-google-data-studio {
  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%20256%20239%22%3E%3Cpath%20fill%3D%22%23669df6%22%20d%3D%22M224.022%20173.159h-92.959c-22.48%200-35.07%2015.736-35.07%2032.485c0%2015.455%2010.679%2032.484%2035.07%2032.484h92.959z%22%2F%3E%3Cellipse%20cx%3D%22224.022%22%20cy%3D%22205.587%22%20fill%3D%22%231a73e8%22%20rx%3D%2231.979%22%20ry%3D%2232.485%22%2F%3E%3Cpath%20fill%3D%22%23669df6%22%20d%3D%22M128.028%2086.551H35.07C12.59%2086.551%200%20102.288%200%20119.036c0%2015.456%2010.678%2032.485%2035.07%2032.485h92.958z%22%2F%3E%3Cellipse%20cx%3D%22128.028%22%20cy%3D%22119.036%22%20fill%3D%22%231a73e8%22%20rx%3D%2231.979%22%20ry%3D%2232.485%22%2F%3E%3Cpath%20fill%3D%22%23669df6%22%20d%3D%22M224.022%200h-92.959c-22.48%200-35.07%2015.737-35.07%2032.485c0%2015.455%2010.679%2032.485%2035.07%2032.485h92.959z%22%2F%3E%3Cellipse%20cx%3D%22224.022%22%20cy%3D%2232.485%22%20fill%3D%22%231a73e8%22%20rx%3D%2231.979%22%20ry%3D%2232.485%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%20256%20239%22%3E%3Cpath%20fill%3D%22%23669df6%22%20d%3D%22M224.022%20173.159h-92.959c-22.48%200-35.07%2015.736-35.07%2032.485c0%2015.455%2010.679%2032.484%2035.07%2032.484h92.959z%22%2F%3E%3Cellipse%20cx%3D%22224.022%22%20cy%3D%22205.587%22%20fill%3D%22%231a73e8%22%20rx%3D%2231.979%22%20ry%3D%2232.485%22%2F%3E%3Cpath%20fill%3D%22%23669df6%22%20d%3D%22M128.028%2086.551H35.07C12.59%2086.551%200%20102.288%200%20119.036c0%2015.456%2010.678%2032.485%2035.07%2032.485h92.958z%22%2F%3E%3Cellipse%20cx%3D%22128.028%22%20cy%3D%22119.036%22%20fill%3D%22%231a73e8%22%20rx%3D%2231.979%22%20ry%3D%2232.485%22%2F%3E%3Cpath%20fill%3D%22%23669df6%22%20d%3D%22M224.022%200h-92.959c-22.48%200-35.07%2015.737-35.07%2032.485c0%2015.455%2010.679%2032.485%2035.07%2032.485h92.959z%22%2F%3E%3Cellipse%20cx%3D%22224.022%22%20cy%3D%2232.485%22%20fill%3D%22%231a73e8%22%20rx%3D%2231.979%22%20ry%3D%2232.485%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/google-data-studio.svg?color=%231a73e8&size=48