Cloud Tpu アイコン

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

はい。Google Cloud Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

gcp:cloud-tpu

Cloud Tpu アイコン(gcp:cloud-tpu)は、Google Cloud Icons セットの無料 SVG アイコンです（作者: Google Cloud）。 24 × 24 のグリッドで描かれています。 Google Cloud Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Cloud Icons
作者: Google Cloud
ライセンス: Apache-2.0
サイズ: 24 × 24
タグ: cloudtpu

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#4285f4"><path d="M6.48 9.62a.37.37 0 1 1-.05-.74l2.3-.32a.37.37 0 0 1 .42.32a.38.38 0 0 1-.32.43l-2.3.31Zm2.82-.327l.232-.713l4.145 1.352l-.232.713z"/><path d="M9.18 9.16h-.11a.37.37 0 0 1-.24-.46l.83-2.84a.37.37 0 0 1 .46-.24a.36.36 0 0 1 .26.45l-.84 2.81a.38.38 0 0 1-.36.28m5.13 1.4a.36.36 0 0 1-.31-.17a.36.36 0 0 1 0-.39l1.67-4.23a.38.38 0 0 1 .47-.18a.38.38 0 0 1 .23.45l-1.68 4.24a.39.39 0 0 1-.38.28m-8.64 6.043l3.93-3.138l.468.586l-3.93 3.138z"/><path d="m14.12 10.71l.29-.69l3.64 1.59l-.3.68zm-.13 3.88l.52-.55l3.23 3.05l-.52.54zM8.788 9.113l.735-.15l.808 3.98l-.735.149z"/><path d="m9.96 13.6l4.1-3.6l.5.56l-4.1 3.6z"/><path d="m13.75 14.22l.24-3.97l.75.05l-.25 3.97z"/><circle cx="10.01" cy="13.82" r="1.36"/><circle cx="14.37" cy="10.36" r="1.61"/><circle cx="14.36" cy="14.54" r=".84"/><circle cx="9.04" cy="8.67" r=".99"/></g><path fill="#669df6" d="M13 3h-2v4h2zm4 0h-2v4h2zM9 3H7v4h2zm4 14h-2v4h2zm4 0h-2v4h2zm-8 0H7v4h2zm-2-6H3v2h4zm0-4H3v2h4zm0 8H3v2h4zm14-4h-4v2h4zm0-4h-4v2h4zm0 8h-4v2h4z"/><path fill="#669df6" d="M18 5H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1m-1 11.47a.53.53 0 0 1-.53.53H7.53a.53.53 0 0 1-.53-.53V7.53A.53.53 0 0 1 7.53 7h8.94a.53.53 0 0 1 .53.53Z"/></svg>

Cloud Tpu アイコンの使い方

React

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

<Icon icon="gcp:cloud-tpu" width="24" />

Vue

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

<template>
  <Icon icon="gcp:cloud-tpu" width="24" />
</template>

Svelte

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

<Icon icon="gcp:cloud-tpu" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--cloud-tpu]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:cloud-tpu"></div>

Web コンポーネント

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

<iconify-icon icon="gcp:cloud-tpu"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gcp/cloud-tpu.svg" alt="Cloud Tpu アイコン" width="24" height="24">

Google Cloud Icons の関連アイコン

Cloud Tpu アイコンのよくある質問

Cloud Tpu アイコンは商用利用でも無料ですか?

はい。Google Cloud Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Cloud Tpu アイコンを使うには?

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

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

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

Google Cloud Icons をすべて見る →