Google Sheets アイコン

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

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

thesvg-color:google-sheets

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 74 × 100
タグ: googlesheets、sheet

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="74" height="100" viewBox="0 0 74 100"><defs><path id="SVGIGBbGcaJ" fill="#fff" d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.624v83.893c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.923z"/></defs><mask id="SVGeu8TmevZ" width="71" height="98" x="1" y="1" maskUnits="userSpaceOnUse" style="mask-type:alpha"><use href="#SVGIGBbGcaJ"/></mask><g fill="none"><g mask="url(#SVGeu8TmevZ)"><path fill="#0f9d58" d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.624v83.893c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.923L56.436 16.884z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#f1f1f1" d="M18.905 48.896v32.012H54.23V48.896zM34.36 76.493H23.321v-5.52h11.038zm0-8.831H23.321v-5.52h11.038zm0-8.831H23.321v-5.52h11.038zm15.454 17.662H38.775v-5.52h11.038zm0-8.831H38.775v-5.52h11.038zm0-8.831H38.775v-5.52h11.038z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="url(#SVGoPMCPXuN)" d="m47.335 25.986l24.556 24.55V27.922z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#87ceac" d="M45.398 1.43V21.3a6.62 6.62 0 0 0 6.623 6.623h19.87z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#fff" fill-opacity=".2" d="M7.867 1.43c-3.643 0-6.623 2.98-6.623 6.624v.551c0-3.642 2.98-6.623 6.623-6.623h37.531V1.43z"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#263238" fill-opacity=".2" d="M65.267 98.018h-57.4c-3.643 0-6.623-2.98-6.623-6.623v.552c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623v-.552c0 3.642-2.98 6.623-6.624 6.623"/></g><g mask="url(#SVGeu8TmevZ)"><path fill="#263238" fill-opacity=".1" d="M52.021 27.923a6.62 6.62 0 0 1-6.623-6.623v.552a6.62 6.62 0 0 0 6.623 6.623h19.87v-.552z"/></g><path fill="url(#SVGXgG8ibSI)" d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.624v83.893c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.923z"/><defs><radialGradient id="SVGXgG8ibSI" cx="0" cy="0" r="1" gradientTransform="translate(3.482 3.361)scale(113.917)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="SVGoPMCPXuN" x1="59.614" x2="59.614" y1="28.093" y2="50.539" gradientUnits="userSpaceOnUse"><stop stop-color="#263238" stop-opacity=".2"/><stop offset="1" stop-color="#263238" stop-opacity=".02"/></linearGradient></defs></g></svg>

Google Sheets アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:google-sheets" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:google-sheets" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:google-sheets" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-sheets]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-sheets"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:google-sheets"></iconify-icon>

HTML 画像

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

theSVG Color の関連アイコン

他のアイコンセットの Google Sheets アイコン

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

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

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

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

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

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

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

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