Google Drive 2026 アイコン

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

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

thesvg-color:google-drive-2026

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><mask id="SVGgCHmrbFN" width="168" height="154" x="12" y="18" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#b43333" d="M63.09 37c14.626-25.333 51.193-25.334 65.819 0l45.033 78c14.626 25.334-3.657 57.001-32.91 57.001H50.967c-29.253 0-47.536-31.667-32.91-57.001z"/></mask><g fill="none"><g mask="url(#SVGgCHmrbFN)"><path fill="url(#SVGlW9cjeVu)" d="M206.905 172.02h-91.888l-19.015-32.934l45.944-79.578z"/><path fill="url(#SVG8MKVFbNJ)" d="M-14.919 172.006L50.04 59.494v.002L31.032 92.422h38.02L115 172.004l-129.918.001z"/><path fill="url(#SVGPGjVKcCp)" d="M96.007-20.085L141.954 59.5l-19.011 32.928H31.048z"/></g><defs><linearGradient id="SVGlW9cjeVu" x1="193.6" x2="103.09" y1="165.6" y2="111.21" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#ffe921"/><stop offset="1" stop-color="#fec700"/></linearGradient><linearGradient id="SVG8MKVFbNJ" x1="114.4" x2="15.53" y1="181.61" y2="121.8" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#a9a8ff"/><stop offset=".33" stop-color="#6d97ff"/><stop offset=".48" stop-color="#3186ff"/></linearGradient><linearGradient id="SVGPGjVKcCp" x1="128.88" x2="28.7" y1="37.88" y2="84.64" gradientUnits="userSpaceOnUse"><stop offset=".55" stop-color="#0ebc5f"/><stop offset=".85" stop-color="#78c9ff"/></linearGradient></defs></g></svg>

Google Drive 2026 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

theSVG Color の関連アイコン

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

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

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

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

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

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

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

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