Google Workspace Editors アイコン

Q: Google Workspace Editors アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:google-workspace-editors

Google Workspace Editors アイコン(thesvg-color:google-workspace-editors)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 192 × 192 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 192 × 192
タグ: googleworkspace、workspaceeditors、googleworkspaceeditors、editor

SVG をダウンロード

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>

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Google Workspace Editors アイコン" width="24" height="24">

theSVG Color の関連アイコン

Google Workspace Editors アイコンのよくある質問

Google Workspace Editors アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Google Workspace Editors アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:google-workspace-editors" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Google Workspace Editors アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace-editors.svg" alt="Google Workspace Editors アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →