Googlecolab
The Google Colab icon represents Google Colab, a free online platform for machine learning and data science.
Exports at 24 × 24 px
Code
Googlecolab in your framework
In any framework. Customize it above, and the code follows.
export const GooglecolabIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
<path fill="currentColor" d="M37.567 26.423c-18.739 0-34.269 13.721-37.1 31.66q-.014.067-.024.134c-.075.478-.134.96-.188 1.441c-.02.157-.043.31-.06.466a38 38 0 0 0-.148 5.797c.027.478.067.948.11 1.418c.015.165.02.333.035.498c.02.172.047.34.067.513c.2 1.731.509 3.423.936 5.072c.007.04.023.079.031.114c4.226 16.122 18.891 28.017 36.34 28.017c8.802 0 16.879-3.051 23.287-8.123L50.477 76.654v-.012a18 18 0 0 1-12.91 5.433a18.02 18.02 0 0 1-12.714-5.226l-.208-.215a18 18 0 0 1-.971-1.07a5 5 0 0 1-.192-.242a17 17 0 0 1-.866-1.156l-.145-.219a18 18 0 0 1-.775-1.28c-.036-.063-.07-.134-.106-.2a17 17 0 0 1-.666-1.391c-.023-.047-.04-.098-.059-.145a19 19 0 0 1-.56-1.524c-.016-.047-.023-.094-.039-.14a18 18 0 0 1-.415-1.607v-.015a18 18 0 0 1-.278-5.5v-.007a18 18 0 0 1 .713-3.506l.023-.074c.168-.537.364-1.066.58-1.579l.039-.086a16 16 0 0 1 .717-1.488c.027-.055.062-.11.09-.161c.25-.454.52-.901.807-1.328c.027-.04.055-.074.082-.113c.302-.44.615-.866.952-1.277q.054-.065.113-.13c3.318-3.967 8.3-6.494 13.878-6.494c5.092 0 9.686 2.111 12.973 5.5l10.434-16.765c-6.423-5.127-14.551-8.214-23.407-8.214m52.866 0c-20.744 0-37.563 16.82-37.563 37.567c0 16.796 11.026 31.014 26.235 35.82a35 35 0 0 0 3.342.885c.113.024.223.055.336.079c.494.102.991.188 1.493.27c.125.02.247.047.372.063a36 36 0 0 0 3.686.387c.047 0 .09.008.137.008h.008c.646.036 1.3.051 1.954.051c20.748 0 37.567-16.815 37.567-37.563q0-.976-.047-1.935a49 49 0 0 0-.141-1.864c0-.004-.004-.008-.004-.012a41 41 0 0 0-.231-1.845a42 42 0 0 0-.274-1.558c-.02-.09-.032-.18-.047-.27q-.005-.008-.004-.012a34 34 0 0 0-.412-1.783c-4.128-16.259-18.86-28.288-36.407-28.288m0 19.48a18.03 18.03 0 0 1 14.03 6.681c.36.443.705.901 1.023 1.38l.004.003q.015.031.031.055c.306.462.595.936.858 1.426a17.7 17.7 0 0 1 1.343 3.215c.047.141.075.29.114.435c.117.42.235.842.325 1.277v.004c.051.243.074.493.114.74c.054.341.117.678.152 1.026a18 18 0 0 1 0 3.694a18 18 0 0 1-.27 1.794c-1.445 7.066-7.011 12.628-14.077 14.073q-.883.184-1.794.278q-.912.09-1.853.09a19 19 0 0 1-1.868-.093h-.008a19 19 0 0 1-1.66-.255a2 2 0 0 0-.146-.027a18 18 0 0 1-1.582-.408l-.16-.047a19 19 0 0 1-1.419-.517q-.142-.056-.278-.113c-.074-.032-.145-.07-.215-.102a19 19 0 0 1-1.406-.694c-.016-.007-.024-.015-.04-.023a18 18 0 0 1-1.472-.913l-.016-.011q-.722-.5-1.39-1.066v-.004q-.677-.57-1.289-1.202c-3.173-3.259-5.135-7.7-5.135-12.609c0-9.992 8.096-18.088 18.084-18.088zm0 0"/>
</svg>
);Other libraries
Googlecolab in 1 more libraries
Each library draws it its own way. Open one to compare.
Devicon Plain
More like it
Icons that share its tags, in the same style.
Search Devicon Plain
Skip the copy and paste. With Pro, your AI agent finds and installs any Devicon Plain icon from a prompt.
Get ProTags
Browse by tag
Googlecolab is tagged technology, cloud, machine learning and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Devicon Plain MCP, with Pro
Ask for Googlecolab or any of 772 Devicon Plain icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Googlecolab icon means and where it's used, then how to install, style, label and license it.
The Google Colab icon represents Google Colab, a free online platform for machine learning and data science. Google Colab provides a Jupyter notebook environment that runs entirely in the cloud, allowing users to write and execute Python code directly in the browser. It is widely used for data analysis, machine learning, and education.
The Google Colab icon appears in various software and platforms such as Google Drive, Google Cloud Console, and third-party tools like Jupyter Notebook and GitHub. These tools utilize Google Colab services for data analysis, machine learning, and collaboration.
From a UX perspective, the Google Colab icon communicates data analysis, machine learning, and collaboration. It helps users understand that the application or service they are interacting with is related to data science and machine learning, providing a sense of excitement and curiosity.
Googlecolab is one of 772 icons in Devicon Plain, made by konpa and released under MIT. It is drawn on a 128 × 128 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds GooglecolabIcon to components/icons/devicon-plain-googlecolab.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed GooglecolabIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Googlecolab icon, or any of 772 Devicon Plain icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 128 × 128 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Googlecolab", so screen readers say what it does.
Yes. GooglecolabIcon passes every SVG prop to the svg element, so <GooglecolabIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. MIT allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: MIT only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming Devicon Plain, konpa and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
1 other library draws an icon called Googlecolab. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are technology, cloud, machine learning, python, notebook and data science. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Googlecolab in another set.
4.9 out of 5 from 150+ developers
Install Googlecolab from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro