Google Drive 2020 アイコン
logos:google-drive-2020
Google Drive 2020 アイコン(logos:google-drive-2020)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 229 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 229
- タグ
- googledrive
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="229" viewBox="0 0 256 229"><path fill="#0066da" d="m19.354 196.034l11.29 19.5c2.346 4.106 5.718 7.332 9.677 9.678q17.009-21.591 23.68-33.137q6.77-11.717 16.641-36.655q-26.604-3.502-40.32-3.502q-13.165 0-40.322 3.502c0 4.545 1.173 9.09 3.519 13.196z"/><path fill="#ea4335" d="M215.681 225.212c3.96-2.346 7.332-5.572 9.677-9.677l4.692-8.064l22.434-38.855a26.57 26.57 0 0 0 3.518-13.196q-27.315-3.502-40.247-3.502q-13.899 0-40.248 3.502q9.754 25.075 16.422 36.655q6.724 11.683 23.752 33.137"/><path fill="#00832d" d="M128.001 73.311q19.68-23.768 27.125-36.655q5.996-10.377 13.196-33.137C164.363 1.173 159.818 0 155.126 0h-54.25C96.184 0 91.64 1.32 87.68 3.519q9.16 26.103 15.544 37.154q7.056 12.213 24.777 32.638"/><path fill="#2684fc" d="M175.36 155.42H80.642l-40.32 69.792c3.958 2.346 8.503 3.519 13.195 3.519h148.968c4.692 0 9.238-1.32 13.196-3.52z"/><path fill="#00ac47" d="M128.001 73.311L87.681 3.52c-3.96 2.346-7.332 5.571-9.678 9.677L3.519 142.224A26.57 26.57 0 0 0 0 155.42h80.642z"/><path fill="#ffba00" d="m215.242 77.71l-37.243-64.514c-2.345-4.106-5.718-7.331-9.677-9.677l-40.32 69.792l47.358 82.109h80.496c0-4.546-1.173-9.09-3.519-13.196z"/></svg>Google Drive 2020 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:google-drive-2020" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:google-drive-2020" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:google-drive-2020" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-drive-2020]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-drive-2020"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:google-drive-2020"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/google-drive-2020.svg" alt="Google Drive 2020 アイコン" width="24" height="24">SVG Logos の関連アイコン
google
google-360suite
google-admob
google-ads
google-adsense
google-aistudio
google-aistudio-dark
google-analytics
google-bard
google-bard-icon
google-calendar
google-calendar-2020
google-cloud
google-cloud-functions
google-cloud-run
google-data-studio
google-developers
google-domains
google-domains-icon
google-drive
google-fit
google-fonts
google-fonts-icon
google-gemini
Google Drive 2020 アイコン のよくある質問
Google Drive 2020 アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Google Drive 2020 アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:google-drive-2020" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Google Drive 2020 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/google-drive-2020.svg" alt="Google Drive 2020 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。