Icono Google Workspace Editors
thesvg-color:google-workspace-editors
El icono Google Workspace Editors (thesvg-color:google-workspace-editors) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 192 × 192. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 192 × 192
- Etiquetas
- googleworkspace, workspaceeditors, googleworkspaceeditors, editor
Código SVG
<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>
Cómo usar el icono Google Workspace Editors
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Icono Google Workspace Editors" width="24" height="24">
Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Google Workspace Editors
¿El icono Google Workspace Editors es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Google Workspace Editors en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:google-workspace-editors" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Google Workspace Editors a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Icono Google Workspace Editors">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos theSVG Color →
