Googlecolab icon
devicon-plain:googlecolab
The Googlecolab icon (devicon-plain:googlecolab) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Devicon Plain
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><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>How to use the Googlecolab icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:googlecolab" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:googlecolab" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:googlecolab" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--googlecolab]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:googlecolab"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:googlecolab"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon-plain/googlecolab.svg" alt="Googlecolab icon" width="24" height="24">Googlecolab icon in other icon sets
Googlecolab icon FAQ
Is the Googlecolab icon free for commercial use?
Yes. Devicon Plain icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Googlecolab icon in React?
Install @iconify/react and render <Icon icon="devicon-plain:googlecolab" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Googlecolab icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon-plain/googlecolab.svg" alt="Googlecolab icon">, or paste the SVG code inline to style it with CSS.