googlecolab logo

googlecolab from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
googlecolab
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

googlecolabSimple Icons

Use the googlecolab logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffb300" d="M90.437 26.434c-20.748 0-37.567 16.82-37.567 37.567c0 20.748 16.82 37.563 37.567 37.563C111.181 101.564 128 84.749 128 64s-16.82-37.567-37.563-37.567zm0 55.651c-9.992 0-18.088-8.096-18.088-18.084c0-9.992 8.096-18.088 18.088-18.088c9.988 0 18.084 8.096 18.084 18.088c0 9.988-8.096 18.084-18.084 18.084m0 0"/><path fill="#ffb300" d="M50.477 76.664v-.008a18.02 18.02 0 0 1-12.91 5.43c-9.992 0-18.088-8.097-18.088-18.085c0-9.992 8.096-18.088 18.088-18.088c5.092 0 9.686 2.11 12.973 5.499l10.434-16.764c-6.423-5.127-14.551-8.214-23.407-8.214C16.819 26.434 0 43.254 0 64.001c0 20.748 16.82 37.563 37.567 37.563c8.801 0 16.882-3.051 23.286-8.12zm0 0"/><path fill="#f57a00" d="M19.479 64c0-4.974 2.01-9.474 5.256-12.745l-13.51-14.018C4.302 44.048 0 53.519 0 64c0 10.43 4.258 19.866 11.124 26.674L24.853 76.86A18.03 18.03 0 0 1 19.479 64m83.841-12.686a18.03 18.03 0 0 1 5.201 12.687c0 9.988-8.096 18.084-18.084 18.084c-5.084 0-9.667-2.1-12.953-5.476L63.57 90.232c6.823 6.984 16.33 11.332 26.866 11.332C111.181 101.564 128 84.749 128 64c0-10.255-4.117-19.534-10.771-26.31zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconGooglecolab(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffb300" d="M90.437 26.434c-20.748 0-37.567 16.82-37.567 37.567c0 20.748 16.82 37.563 37.567 37.563C111.181 101.564 128 84.749 128 64s-16.82-37.567-37.563-37.567zm0 55.651c-9.992 0-18.088-8.096-18.088-18.084c0-9.992 8.096-18.088 18.088-18.088c9.988 0 18.084 8.096 18.084 18.088c0 9.988-8.096 18.084-18.084 18.084m0 0"/><path fill="#ffb300" d="M50.477 76.664v-.008a18.02 18.02 0 0 1-12.91 5.43c-9.992 0-18.088-8.097-18.088-18.085c0-9.992 8.096-18.088 18.088-18.088c5.092 0 9.686 2.11 12.973 5.499l10.434-16.764c-6.423-5.127-14.551-8.214-23.407-8.214C16.819 26.434 0 43.254 0 64.001c0 20.748 16.82 37.563 37.567 37.563c8.801 0 16.882-3.051 23.286-8.12zm0 0"/><path fill="#f57a00" d="M19.479 64c0-4.974 2.01-9.474 5.256-12.745l-13.51-14.018C4.302 44.048 0 53.519 0 64c0 10.43 4.258 19.866 11.124 26.674L24.853 76.86A18.03 18.03 0 0 1 19.479 64m83.841-12.686a18.03 18.03 0 0 1 5.201 12.687c0 9.988-8.096 18.084-18.084 18.084c-5.084 0-9.667-2.1-12.953-5.476L63.57 90.232c6.823 6.984 16.33 11.332 26.866 11.332C111.181 101.564 128 84.749 128 64c0-10.255-4.117-19.534-10.771-26.31zm0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffb300" d="M90.437 26.434c-20.748 0-37.567 16.82-37.567 37.567c0 20.748 16.82 37.563 37.567 37.563C111.181 101.564 128 84.749 128 64s-16.82-37.567-37.563-37.567zm0 55.651c-9.992 0-18.088-8.096-18.088-18.084c0-9.992 8.096-18.088 18.088-18.088c9.988 0 18.084 8.096 18.084 18.088c0 9.988-8.096 18.084-18.084 18.084m0 0"/><path fill="#ffb300" d="M50.477 76.664v-.008a18.02 18.02 0 0 1-12.91 5.43c-9.992 0-18.088-8.097-18.088-18.085c0-9.992 8.096-18.088 18.088-18.088c5.092 0 9.686 2.11 12.973 5.499l10.434-16.764c-6.423-5.127-14.551-8.214-23.407-8.214C16.819 26.434 0 43.254 0 64.001c0 20.748 16.82 37.563 37.567 37.563c8.801 0 16.882-3.051 23.286-8.12zm0 0"/><path fill="#f57a00" d="M19.479 64c0-4.974 2.01-9.474 5.256-12.745l-13.51-14.018C4.302 44.048 0 53.519 0 64c0 10.43 4.258 19.866 11.124 26.674L24.853 76.86A18.03 18.03 0 0 1 19.479 64m83.841-12.686a18.03 18.03 0 0 1 5.201 12.687c0 9.988-8.096 18.084-18.084 18.084c-5.084 0-9.667-2.1-12.953-5.476L63.57 90.232c6.823 6.984 16.33 11.332 26.866 11.332C111.181 101.564 128 84.749 128 64c0-10.255-4.117-19.534-10.771-26.31zm0 0"/></svg>
</template>

CSS

.icon-googlecolab {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22M90.437%2026.434c-20.748%200-37.567%2016.82-37.567%2037.567c0%2020.748%2016.82%2037.563%2037.567%2037.563C111.181%20101.564%20128%2084.749%20128%2064s-16.82-37.567-37.563-37.567zm0%2055.651c-9.992%200-18.088-8.096-18.088-18.084c0-9.992%208.096-18.088%2018.088-18.088c9.988%200%2018.084%208.096%2018.084%2018.088c0%209.988-8.096%2018.084-18.084%2018.084m0%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22M50.477%2076.664v-.008a18.02%2018.02%200%200%201-12.91%205.43c-9.992%200-18.088-8.097-18.088-18.085c0-9.992%208.096-18.088%2018.088-18.088c5.092%200%209.686%202.11%2012.973%205.499l10.434-16.764c-6.423-5.127-14.551-8.214-23.407-8.214C16.819%2026.434%200%2043.254%200%2064.001c0%2020.748%2016.82%2037.563%2037.567%2037.563c8.801%200%2016.882-3.051%2023.286-8.12zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23f57a00%22%20d%3D%22M19.479%2064c0-4.974%202.01-9.474%205.256-12.745l-13.51-14.018C4.302%2044.048%200%2053.519%200%2064c0%2010.43%204.258%2019.866%2011.124%2026.674L24.853%2076.86A18.03%2018.03%200%200%201%2019.479%2064m83.841-12.686a18.03%2018.03%200%200%201%205.201%2012.687c0%209.988-8.096%2018.084-18.084%2018.084c-5.084%200-9.667-2.1-12.953-5.476L63.57%2090.232c6.823%206.984%2016.33%2011.332%2026.866%2011.332C111.181%20101.564%20128%2084.749%20128%2064c0-10.255-4.117-19.534-10.771-26.31zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22M90.437%2026.434c-20.748%200-37.567%2016.82-37.567%2037.567c0%2020.748%2016.82%2037.563%2037.567%2037.563C111.181%20101.564%20128%2084.749%20128%2064s-16.82-37.567-37.563-37.567zm0%2055.651c-9.992%200-18.088-8.096-18.088-18.084c0-9.992%208.096-18.088%2018.088-18.088c9.988%200%2018.084%208.096%2018.084%2018.088c0%209.988-8.096%2018.084-18.084%2018.084m0%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb300%22%20d%3D%22M50.477%2076.664v-.008a18.02%2018.02%200%200%201-12.91%205.43c-9.992%200-18.088-8.097-18.088-18.085c0-9.992%208.096-18.088%2018.088-18.088c5.092%200%209.686%202.11%2012.973%205.499l10.434-16.764c-6.423-5.127-14.551-8.214-23.407-8.214C16.819%2026.434%200%2043.254%200%2064.001c0%2020.748%2016.82%2037.563%2037.567%2037.563c8.801%200%2016.882-3.051%2023.286-8.12zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23f57a00%22%20d%3D%22M19.479%2064c0-4.974%202.01-9.474%205.256-12.745l-13.51-14.018C4.302%2044.048%200%2053.519%200%2064c0%2010.43%204.258%2019.866%2011.124%2026.674L24.853%2076.86A18.03%2018.03%200%200%201%2019.479%2064m83.841-12.686a18.03%2018.03%200%200%201%205.201%2012.687c0%209.988-8.096%2018.084-18.084%2018.084c-5.084%200-9.667-2.1-12.953-5.476L63.57%2090.232c6.823%206.984%2016.33%2011.332%2026.866%2011.332C111.181%20101.564%20128%2084.749%20128%2064c0-10.255-4.117-19.534-10.771-26.31zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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