Service アイコン

bpmn:service

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="70" d="M1130.71 627.789c-38.976-25.404-82.7-43.13-128.386-52.095l.591-102.517h-142.26h0l.267 103.322c-22.455 4.662-44.772 11.39-66.634 20.506c-21.861 9.145-42.217 20.327-61.158 32.966l-74.256-73.362l-99.45 100.026l74.164 73.264c-25.558 38.817-43.358 82.212-52.35 127.764l-105.291.19V998.58l106.158-.382c4.655 22.218 11.411 44.494 20.585 66.175c9.22 21.82 20.401 42.082 33.18 60.847"/><g fill="none" stroke="currentColor" stroke-width="62.717" transform="translate(91.594 974.827)scale(1.11612)"><path stroke-linecap="round" d="M997.93 547.347v-97.233c20.037-4 40.034-10.123 59.58-18.235c19.587-8.209 37.866-18.236 54.959-29.592l67.921 66.967l89.145-89.487l-67.963-66.973a322.2 322.2 0 0 0 46.944-114.535l92.253-.568V71.73l-93.07.568c-4.17-19.95-10.142-39.738-18.402-59.23c-8.26-19.526-18.279-37.705-29.728-54.604l64.323-64.485l-90.044-88.696l-64.242 64.461c-34.921-22.76-74.096-38.642-115.029-46.675l.529-91.85H867.648l.239 92.572c-20.119 4.177-40.115 10.202-59.702 18.37c-19.587 8.194-37.825 18.213-54.796 29.537l-66.53-65.73l-89.104 89.62l66.45 65.642C641.304-3.993 625.356 34.889 617.3 75.7l-94.338.17v126.084l95.115-.34c4.17 19.906 10.223 39.863 18.442 59.288c8.26 19.549 18.279 37.704 29.729 54.517L598.04 383.36l90.085 88.536l68.044-67.73c34.922 22.897 74.097 38.722 115.07 46.723l.043 96.414c42.195.32 126.647.043 126.647.043z"/><ellipse cx="932.387" cy="134.257" stroke-dashoffset="700" stroke-linecap="square" rx="109.88" ry="109.879"/></g></svg>

Service アイコンの使い方

React

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

<Icon icon="bpmn:service" width="24" />

Vue

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

<template>
  <Icon icon="bpmn:service" width="24" />
</template>

Svelte

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

<Icon icon="bpmn:service" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="bpmn:service"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bpmn/service.svg" alt="Service アイコン" width="24" height="24">

BPMN の関連アイコン

他のアイコンセットの Service アイコン

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

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

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

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

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

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

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

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