Google Workspace Editors icon
thesvg-color:google-workspace-editors
The Google Workspace Editors icon (thesvg-color:google-workspace-editors) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 192 × 192 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 192 × 192
- Tags
- googleworkspace, workspaceeditors, googleworkspaceeditors, editor
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="#fbbc04" d="M67.446 5.69c4.386-.21 8.731-.493 13.095-.99c19.997-2.203 35.323.594 51.56 13.092c17.231 14.262 29.603 29.472 31.778 52.462c1.02 13.196.36 26.438-.499 39.622c-.46 7.246-.628 14.49-.79 21.748c-.266 11.276-.663 22.552-1.34 33.81l-.15 3.3c-.442 6.434-1.292 9.849-6.1 14.266c-2.385 1.193-3.865 1.136-6.528 1.154l-2.889.026l-3.18.013l-3.34.025c-3.662.025-7.324.04-10.985.055c-1.248.006-2.497.01-3.783.017c-5.247.02-10.493.04-15.74.05c-7.515.017-15.03.05-22.545.108c-5.923.043-11.846.059-17.77.065q-3.777.01-7.555.046a955 955 0 0 1-10.57.025l-3.156.049c-4.604-.04-7.916-.082-11.59-3.044c-3.538-3.867-3.499-5.77-3.523-10.94l-.013-1.996q-.019-3.329-.026-6.656l-.025-4.76c-.026-5.22-.04-10.44-.056-15.66l-.016-5.387c-.02-7.47-.04-14.94-.05-22.41c-.018-10.71-.05-21.42-.108-32.13a5152 5152 0 0 1-.063-22.583c-.004-4.498-.016-8.995-.048-13.492q-.044-6.348-.025-12.696q0-2.328-.026-4.656c-.14-13.192-.14-13.192 3.021-17.13c7.95-6.427 23.091-4.942 33.035-5.403"/><path fill="#4285f4" d="M116 52h44c.113 16.194.205 32.388.259 48.583c.026 7.52.061 15.039.118 22.559q.076 9.832.093 19.664c.007 3.471.022 6.94.059 10.41c.04 3.876.041 7.752.039 11.628l.054 3.477c-.056 8.681-.056 8.681-3.032 12.376c-3.338 2.968-4.78 3.428-9.118 3.457l-2.889.026l-3.18.013l-3.341.025q-5.491.036-10.984.055l-3.783.017q-7.87.033-15.74.051q-11.272.023-22.544.107c-5.924.043-11.847.059-17.771.065q-3.777.01-7.554.046c-3.525.032-7.047.032-10.572.024l-3.155.05c-4.604-.039-7.916-.082-11.591-3.044C24.75 169.981 32 162.347 32 140h84z"/><path fill="#188038" d="M32 140h84v44c-18.976.201-18.976.201-27.078.244c-5.524.03-11.048.065-16.571.133c-4.455.055-8.909.084-13.364.097q-2.546.015-5.093.055c-2.382.036-4.762.041-7.144.039l-2.117.054C39.05 184.564 36.785 182.801 33 179c-5.816-11.631-1-25.996-1-39"/><path fill="#fff" d="M76 52h40v88H76z"/><path fill="#1967d2" d="M116 140h44l.312 18.125l.138 5.688q.023 2.254.038 4.507l.078 2.328c.003 4.097-.35 6.592-2.972 9.832c-4.17 4.051-7.325 3.654-12.883 3.618l-2.198-.003c-2.713-.006-5.425-.02-8.138-.033L116 184z"/><path fill="#34a853" d="M76 140h40v44H76z"/><path fill="#ea4335" d="M116 8c7.877 6.752 7.877 6.752 11.191 10.062l2.243 2.233l2.343 2.35l2.459 2.455q2.552 2.551 5.1 5.106q3.923 3.927 7.853 7.847l4.963 4.967l2.386 2.379a3258 3258 0 0 0 4.104 4.116C160 51 160 51 160 52h-44z"/></svg>
How to use the Google Workspace Editors icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-workspace-editors" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-workspace-editors" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-workspace-editors" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-workspace-editors]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-workspace-editors"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-workspace-editors"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Google Workspace Editors icon" width="24" height="24">
Related icons in theSVG Color
Google Workspace Editors icon FAQ
Is the Google Workspace Editors icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Google Workspace Editors icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:google-workspace-editors" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Google Workspace Editors icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Google Workspace Editors icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
