google currents logo

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

Name
google-currents
Set
SVG Logos
Style
Color
Viewbox
256×262
License
CC0

Related icons in SVG Logos

Use the google currents logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 262"><path fill="#174EA6" d="m114.17 80.093l58.784 131.044l36.817-80.887l13.196 22.479l9.812 28.066l-25.47 55.692c-7.003 15.462-19.853 24.696-34.365 24.696c-14.366 0-27.104-9.06-34.16-24.252l-.213-.462l-25.138-55.471l-22.067-50.379l22.805-50.526ZM68.48 25.231c12.968 0 24.383 8.017 30.62 21.47l.2.44l14.872 32.952l-22.805 50.526L68.48 79.9l-23.105 50.854l-8.88 29.072l-13.865 20.989L0 130.057L37.657 47.14c6.19-13.718 17.713-21.91 30.822-21.91Z"/><path fill="#4285F4" d="M207.447 24.65C200.472 9.216 187.705 0 173.277 0c-14.438 0-27.215 9.216-34.18 24.668l-70.61 156.69l-22.924-50.988l-22.924 50.453l15.018 33.293c6.19 13.718 17.713 21.91 30.822 21.91c13.108 0 24.63-8.192 30.82-21.91l73.978-164.162l59.474 131.062L256 130.056L207.447 24.65Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosGoogleCurrents(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 262"><path fill="#174EA6" d="m114.17 80.093l58.784 131.044l36.817-80.887l13.196 22.479l9.812 28.066l-25.47 55.692c-7.003 15.462-19.853 24.696-34.365 24.696c-14.366 0-27.104-9.06-34.16-24.252l-.213-.462l-25.138-55.471l-22.067-50.379l22.805-50.526ZM68.48 25.231c12.968 0 24.383 8.017 30.62 21.47l.2.44l14.872 32.952l-22.805 50.526L68.48 79.9l-23.105 50.854l-8.88 29.072l-13.865 20.989L0 130.057L37.657 47.14c6.19-13.718 17.713-21.91 30.822-21.91Z"/><path fill="#4285F4" d="M207.447 24.65C200.472 9.216 187.705 0 173.277 0c-14.438 0-27.215 9.216-34.18 24.668l-70.61 156.69l-22.924-50.988l-22.924 50.453l15.018 33.293c6.19 13.718 17.713 21.91 30.822 21.91c13.108 0 24.63-8.192 30.82-21.91l73.978-164.162l59.474 131.062L256 130.056L207.447 24.65Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 262"><path fill="#174EA6" d="m114.17 80.093l58.784 131.044l36.817-80.887l13.196 22.479l9.812 28.066l-25.47 55.692c-7.003 15.462-19.853 24.696-34.365 24.696c-14.366 0-27.104-9.06-34.16-24.252l-.213-.462l-25.138-55.471l-22.067-50.379l22.805-50.526ZM68.48 25.231c12.968 0 24.383 8.017 30.62 21.47l.2.44l14.872 32.952l-22.805 50.526L68.48 79.9l-23.105 50.854l-8.88 29.072l-13.865 20.989L0 130.057L37.657 47.14c6.19-13.718 17.713-21.91 30.822-21.91Z"/><path fill="#4285F4" d="M207.447 24.65C200.472 9.216 187.705 0 173.277 0c-14.438 0-27.215 9.216-34.18 24.668l-70.61 156.69l-22.924-50.988l-22.924 50.453l15.018 33.293c6.19 13.718 17.713 21.91 30.822 21.91c13.108 0 24.63-8.192 30.82-21.91l73.978-164.162l59.474 131.062L256 130.056L207.447 24.65Z"/></svg>
</template>

CSS

.icon-google-currents {
  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%20262%22%3E%3Cpath%20fill%3D%22%23174EA6%22%20d%3D%22m114.17%2080.093l58.784%20131.044l36.817-80.887l13.196%2022.479l9.812%2028.066l-25.47%2055.692c-7.003%2015.462-19.853%2024.696-34.365%2024.696c-14.366%200-27.104-9.06-34.16-24.252l-.213-.462l-25.138-55.471l-22.067-50.379l22.805-50.526ZM68.48%2025.231c12.968%200%2024.383%208.017%2030.62%2021.47l.2.44l14.872%2032.952l-22.805%2050.526L68.48%2079.9l-23.105%2050.854l-8.88%2029.072l-13.865%2020.989L0%20130.057L37.657%2047.14c6.19-13.718%2017.713-21.91%2030.822-21.91Z%22%2F%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M207.447%2024.65C200.472%209.216%20187.705%200%20173.277%200c-14.438%200-27.215%209.216-34.18%2024.668l-70.61%20156.69l-22.924-50.988l-22.924%2050.453l15.018%2033.293c6.19%2013.718%2017.713%2021.91%2030.822%2021.91c13.108%200%2024.63-8.192%2030.82-21.91l73.978-164.162l59.474%20131.062L256%20130.056L207.447%2024.65Z%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%20262%22%3E%3Cpath%20fill%3D%22%23174EA6%22%20d%3D%22m114.17%2080.093l58.784%20131.044l36.817-80.887l13.196%2022.479l9.812%2028.066l-25.47%2055.692c-7.003%2015.462-19.853%2024.696-34.365%2024.696c-14.366%200-27.104-9.06-34.16-24.252l-.213-.462l-25.138-55.471l-22.067-50.379l22.805-50.526ZM68.48%2025.231c12.968%200%2024.383%208.017%2030.62%2021.47l.2.44l14.872%2032.952l-22.805%2050.526L68.48%2079.9l-23.105%2050.854l-8.88%2029.072l-13.865%2020.989L0%20130.057L37.657%2047.14c6.19-13.718%2017.713-21.91%2030.822-21.91Z%22%2F%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M207.447%2024.65C200.472%209.216%20187.705%200%20173.277%200c-14.438%200-27.215%209.216-34.18%2024.668l-70.61%20156.69l-22.924-50.988l-22.924%2050.453l15.018%2033.293c6.19%2013.718%2017.713%2021.91%2030.822%2021.91c13.108%200%2024.63-8.192%2030.82-21.91l73.978-164.162l59.474%20131.062L256%20130.056L207.447%2024.65Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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