Gateway Xor アイコン

bpmn:gateway-xor

Gateway Xor アイコン(bpmn:gateway-xor)は、BPMN セットの無料 SVG アイコンです（作者: Camunda Services GmbH）。 2048 × 2048 のグリッドで描かれています。 BPMN icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: BPMN
作者: Camunda Services GmbH
ライセンス: OFL-1.1
サイズ: 2048 × 2048
タグ: gatewayxor

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024.022 99.36c-19.324-.017-38.646 7.15-52.98 21.55L120.937 971.023c-28.67 28.668-28.537 77.295.132 105.963l849.971 849.965c28.67 28.678 77.294 28.804 105.963 0l850.106-850.1c28.669-28.667 28.536-77.296-.135-105.964L1077.002 120.91c-14.334-14.334-33.657-21.534-52.98-21.55m-.065 126.045l798.66 798.666l-798.66 798.657l-798.66-798.657zM725.686 669.792c-.014 0-9.612 1.838-9.62 1.838c-.01 0-8.144 5.513-8.15 5.513l-30.732 30.739c-.01 0-5.61 8.225-5.614 8.322c0 .01-1.737 9.48-1.736 9.48c0 .01 1.868 9.385 1.871 9.385c0 .01 5.338 8.322 5.344 8.322l280.707 280.7l-280.572 280.574v-.088c0 .01-5.61 8.32-5.614 8.32c0 .01-1.736 9.483-1.736 9.483c0 .02 1.868 9.385 1.871 9.385c0 0 5.339 8.223 5.344 8.32l30.734 30.728c.01.01 8.411 5.516 8.418 5.516c.01 0 9.346 1.838 9.354 1.838c.01 0 9.479-1.74 9.486-1.74c.01 0 8.28-5.614 8.285-5.614l280.576-280.582l280.637 280.641c.01.01 8.412 5.516 8.418 5.516c.01 0 9.346 1.838 9.354 1.838c.01 0 9.48-1.743 9.488-1.743c.01 0 8.276-5.61 8.281-5.61l30.735-30.73c.01-.01 5.475-8.126 5.48-8.126c0-.01 1.871-9.58 1.871-9.676c0-.01-1.869-9.385-1.873-9.385c0 0-5.472-8.418-5.478-8.418l-280.606-280.611l280.608-280.604c.01 0 5.473-8.127 5.478-8.127c0-.01 1.871-9.578 1.871-9.578c0-.02-1.868-9.385-1.87-9.385c0-.01-5.606-8.322-5.612-8.322l-30.735-30.738c-.01 0-8.143-5.514-8.15-5.514c-.01 0-9.345-1.84-9.353-1.84c-.01 0-9.613 1.84-9.62 1.84c-.01 0-8.145 5.514-8.15 5.514l-280.613 280.613l-280.739-280.748v-.088c-.01 0-8.278-5.32-8.285-5.32c-.01 0-9.34-1.837-9.351-1.838z"/></svg>

Gateway Xor アイコンの使い方

React

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

<Icon icon="bpmn:gateway-xor" width="24" />

Vue

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

<template>
  <Icon icon="bpmn:gateway-xor" width="24" />
</template>

Svelte

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

<Icon icon="bpmn:gateway-xor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--gateway-xor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:gateway-xor"></div>

Web コンポーネント

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

<iconify-icon icon="bpmn:gateway-xor"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bpmn/gateway-xor.svg" alt="Gateway Xor アイコン" width="24" height="24">

BPMN の関連アイコン

Gateway Xor アイコンのよくある質問

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

はい。BPMN icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

BPMN アイコンをすべて見る →