Google One アイコン

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

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

logos:google-one

Google One アイコン(logos:google-one)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 516 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 516
タグ: googleone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="516" viewBox="0 0 256 516"><defs><linearGradient id="SVGDvi8keKw" x1="50%" x2="50%" y1="100.777%" y2="-.04%"><stop offset="0%" stop-color="#1a73e8"/><stop offset="100%" stop-color="#4285f4"/></linearGradient></defs><path fill="#34a853" d="M256 404.228v54.076c0 31.638-25.573 57.3-57.122 57.3c-31.55 0-57.124-25.633-57.124-57.3V316.726z"/><path fill="url(#SVGDvi8keKw)" d="M256 57.299v346.929l-114.246-87.502V178.752l93.477-77.278c13.71-11.307 20.77-27.682 20.77-44.175"/><path fill="#ea4335" d="M255.971 55.307c.03.644.03 1.289.03 1.963c0 16.492-7.06 32.868-20.77 44.175l-93.477 77.278V57.299c0-18.748 8.994-35.446 22.967-45.904a38 38 0 0 1 3.076-2.138c.498-.322.966-.645 1.464-.938c.908-.585 1.875-1.113 2.754-1.581l2.52-1.26l2.108-.967c.85-.351 1.7-.703 2.608-1.025c.85-.322 1.757-.615 2.636-.908c1.64-.498 3.31-.967 5.039-1.318c.498-.118 1.025-.205 1.581-.323l1.143-.175c.674-.118 1.347-.205 2.021-.293a32 32 0 0 1 2.402-.264c.645-.059 1.29-.117 1.934-.146c.937-.03 1.904-.059 2.87-.059h.03c2.08 0 4.101.117 6.152.322q1.493.176 3.075.44c.996.146 1.992.351 3.047.586c.996.205 1.992.468 2.988.761c.82.205 1.67.469 2.49.762c1.611.527 3.222 1.113 4.746 1.787a78 78 0 0 1 2.285 1.025c.966.469 1.933.967 2.87 1.465a59 59 0 0 1 4.102 2.519c.146.117.292.205.439.293c1.435.996 2.812 2.08 4.189 3.193c.674.586 1.347 1.142 2.021 1.758l.059.058c.644.615 1.289 1.23 1.933 1.875s1.29 1.318 1.904 1.963c1.26 1.347 2.402 2.783 3.486 4.247c.762.996 1.465 2.05 2.139 3.076c.322.498.644.967.937 1.465c.586.908 1.113 1.875 1.582 2.754c.352.703.908 1.845 1.26 2.519c.322.703.644 1.406.937 2.109c.352.85.703 1.728 1.025 2.607c.323.85.616 1.758.88 2.637c.38 1.26.702 2.519.995 3.75c.176.585.293 1.142.381 1.728c.176.82.322 1.61.469 2.402c.117.644.175 1.289.263 1.933c.118.791.205 1.582.264 2.402c.059.645.117 1.29.146 1.934c-.029.293 0 .615 0 .937"/><path fill="#fbbc04" d="M162.494 13.065a39 39 0 0 1 2.168-1.67c-13.914 10.458-22.908 27.127-22.908 45.904v121.453l-48.51 40.162c-10.605 8.817-23.436 13.065-36.237 13.065c-16.434 0-32.75-7.09-44-20.828C-7 186.72-3.543 150.63 20.741 130.534z"/></svg>

Google One アイコンの使い方

React

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

<Icon icon="logos:google-one" width="24" />

Vue

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

<template>
  <Icon icon="logos:google-one" width="24" />
</template>

Svelte

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

<Icon icon="logos:google-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-one"></div>

Web コンポーネント

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

<iconify-icon icon="logos:google-one"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/google-one.svg" alt="Google One アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →