Ikon Google Workspace Editors
thesvg-color:google-workspace-editors
Ikon Google Workspace Editors (thesvg-color:google-workspace-editors) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 192 × 192. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 192 × 192
- Tag
- googleworkspace, workspaceeditors, googleworkspaceeditors, editor
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Ikon Google Workspace Editors" width="24" height="24">
Ikon terkait di theSVG Color
FAQ Ikon Google Workspace Editors
Apakah ikon Google Workspace Editors gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Google Workspace Editors di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:google-workspace-editors" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Google Workspace Editors ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Ikon Google Workspace Editors">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
