Workflow Branch アイコン
streamline-freehand-color:workflow-branch
Workflow Branch アイコン(streamline-freehand-color:workflow-branch)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- workflowbranch
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M5.586 13.39c-.082-1.9.045-3.804.38-5.677a.398.398 0 1 1 .794.059l.01.203c.046.959.24 4.99-.007 7.269c1.157-1.245 3.764-1.1 6.078-.972c2.024.113 3.822.212 4.227-.642c.11-.3.152-.62.125-.938a.455.455 0 0 1 .908-.05c.336 3.23-3.072 3.059-6.214 2.9c-2.314-.116-4.485-.225-4.91 1.037a.397.397 0 0 1-.634.185a.22.22 0 0 1-.158.065c-.446-.013-.452-.164-.529-1.931c-.017-.41-.039-.906-.07-1.508"/><path fill="#0c6fff" d="M10.271 4.37A4.074 4.074 0 0 0 4.321.465c-4.479 2.699-.992 10.77 4.605 6.711c.799-.547 1.278-1.888 1.345-2.804M4.978 1.574c-3.029 1.782-.988 7.71 3.434 4.85c2.464-1.683-.418-6.686-3.434-4.85m8.877 5.939c-1.599 4.868 4.872 7.966 7.683 2.71a4.076 4.076 0 0 0-7.683-2.71m6.96 2.289c-2.46 3.87-6.846 1.51-5.727-1.884a3.042 3.042 0 0 1 5.704 1.99zM9.943 19.793c.067-5.108-7.728-5.005-7.664.494c.067 5.187 7.46 4.673 7.68.112c0 0-.017-.483-.016-.606m-.892.531c-.351 3.136-5.448 3.504-5.482-.053a2.784 2.784 0 0 1 5.425-1.088c.047.145.057 1.141.057 1.141"/></g></svg>Workflow Branch アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:workflow-branch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:workflow-branch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:workflow-branch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--workflow-branch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:workflow-branch"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:workflow-branch"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/workflow-branch.svg" alt="Workflow Branch アイコン" width="24" height="24">Workflow Branch アイコン のよくある質問
Workflow Branch アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Workflow Branch アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:workflow-branch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Workflow Branch アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/workflow-branch.svg" alt="Workflow Branch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。