Dataflow アイコン
gcp:dataflow
Dataflow アイコン(gcp:dataflow)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#669df6" fill-rule="evenodd" d="m13.79 5.04l-.27-.94l-1.41-.07l-1.72.96l1.52 1.5l-.02 1.73l1.02.01l.02-1.73l4.24 2.56l-.01 1.07l1.77.03V8.11z"/><path fill="#aecbfa" fill-rule="evenodd" d="M12.11 4.03h-.01l-1.42.35l-.29.61l-5.26 2.93l-.03 2.05l1.78.03l.02-1.07l4.31-2.45l-.02 1.73l.86.01z"/><path fill="#669df6" fill-rule="evenodd" d="M12.11 4.03h-.01L8.69 2l-1.74.95l3.44 2.04zm4.98 11.03l-4.3 2.45l.02-1.72l-1.72-.02l-.02 1.72l.82 2.48l1.42-.12l.29-.85l5.27-2.93l.03-2.09l-1.79-.02z"/><path fill="#669df6" fill-rule="evenodd" d="m11.89 19.97l-3.46 1.94h-.05l-1.66-.99l3.49-1.96z"/><path fill="#4285f4" fill-rule="evenodd" d="m13.79 5.04l3.49-1.96l-1.66-.99h-.05l-3.46 1.94zm-.18 13.97l3.44 2.04l-1.69.95h-.05l-3.42-2.03z"/><path fill="#aecbfa" fill-rule="evenodd" d="m11.89 19.96l-1.68-1l-5.14-3.07v-2h1.76l-.01 1.04l4.25 2.56l.02-1.72l.86.01z"/><circle cx="18.12" cy="12.04" r="1.14" fill="#aecbfa"/><circle cx="5.88" cy="11.88" r="1.14" fill="#aecbfa"/><circle cx="12.06" cy="9.99" r="1.14" fill="#aecbfa"/><circle cx="11.97" cy="14" r="1.14" fill="#aecbfa"/></svg>Dataflow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gcp:dataflow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gcp:dataflow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gcp:dataflow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--dataflow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:dataflow"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gcp:dataflow"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gcp/dataflow.svg" alt="Dataflow アイコン" width="24" height="24">Dataflow アイコン のよくある質問
Dataflow アイコンは商用利用でも無料ですか?
はい。Google Cloud Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dataflow アイコンを使うには?
@iconify/react をインストールして <Icon icon="gcp:dataflow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dataflow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gcp/dataflow.svg" alt="Dataflow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。