Workflows アイコン

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

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

gcp:workflows

Workflows アイコン(gcp:workflows)は、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
タグ: workflow

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#4285f4" d="M19.5 20.06h-.7v-1.5h.7a.76.76 0 0 0 .75-.75V13.5a.76.76 0 0 0-.75-.75h-3.61v-1.5h3.61a2.25 2.25 0 0 1 2.25 2.25v4.31a2.25 2.25 0 0 1-2.25 2.25m-7.95 0h-4.9v-1.5h4.9Z"/><path fill="#669df6" fill-rule="evenodd" d="M8.12 12.75H4.5a2.25 2.25 0 0 1-2.25-2.25V6.19A2.25 2.25 0 0 1 4.5 3.94h1v1.5h-1a.75.75 0 0 0-.75.75v4.31a.76.76 0 0 0 .75.75h3.62Z"/><path fill="#4285f4" d="M17.3 5.44h-5.48v-1.5h5.48Z"/><path fill="#aecbfa" d="M8.63 3.94v-1.5h-3A1.13 1.13 0 0 0 4.5 3.56v2.25a1.13 1.13 0 0 0 1.13 1.13h3v-1.5H6v-1.5Z"/><path fill="#669df6" fill-rule="evenodd" d="M12.75 3.56v2.25a1.13 1.13 0 0 1-1.12 1.13h-3v-1.5h2.62v-1.5H8.63v-1.5h3a1.12 1.12 0 0 1 1.12 1.12"/><path fill="#aecbfa" d="M19.31 7.13a2.44 2.44 0 1 1 2.44-2.44a2.45 2.45 0 0 1-2.44 2.44m0-3.38a.94.94 0 1 0 .94.94a.94.94 0 0 0-.94-.94"/><path fill="#9aa0a6" d="M4.69 21.75a2.44 2.44 0 1 1 2.43-2.44a2.44 2.44 0 0 1-2.43 2.44m0-3.38a.94.94 0 1 0 .93.94a.94.94 0 0 0-.93-.94"/><path fill="#aecbfa" d="M4.69 21.75a2.44 2.44 0 1 1 2.43-2.44a2.44 2.44 0 0 1-2.43 2.44m0-3.38a.94.94 0 1 0 .93.94a.94.94 0 0 0-.93-.94m10.67.2v-1.5h-3a1.13 1.13 0 0 0-1.12 1.13v2.25a1.12 1.12 0 0 0 1.12 1.12h3v-1.5h-2.62v-1.5Z"/><path fill="#669df6" fill-rule="evenodd" d="M19.49 18.2v2.25a1.13 1.13 0 0 1-1.13 1.12h-3v-1.5H18v-1.5h-2.64v-1.5h3a1.14 1.14 0 0 1 1.13 1.13"/><path fill="#aecbfa" d="M12 11.25v-1.5H9a1.13 1.13 0 0 0-1.13 1.12v2.25A1.13 1.13 0 0 0 9 14.25h3v-1.5H9.37v-1.5Z"/><path fill="#669df6" fill-rule="evenodd" d="M16.12 10.87v2.25A1.13 1.13 0 0 1 15 14.25h-3v-1.5h2.62v-1.5H12v-1.5h3a1.12 1.12 0 0 1 1.12 1.12"/></svg>

Workflows アイコンの使い方

React

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

<Icon icon="gcp:workflows" width="24" />

Vue

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

<template>
  <Icon icon="gcp:workflows" width="24" />
</template>

Svelte

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

<Icon icon="gcp:workflows" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="gcp:workflows"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gcp/workflows.svg" alt="Workflows アイコン" width="24" height="24">

Workflows アイコンのよくある質問

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

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

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

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

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

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

Google Cloud Icons をすべて見る →